Infragistics｜Ultimate UI IgniteUI｜利用 XamDataGrid 去設定 Row 欄位的style

使用XamDataGrid時，預設對各種狀態(例如選定行、active行和hover行等)設定藍色為底色的執行。通常我們都會希望能根據不同情況去變動這些「行」欄位的style，因此本次教學將介紹如何各別更改每個「行」的style。

執行方法

XamDataGrid的「行」style可以在DataRecordPresenter的class裡設定。XamDataGrid各元素的配置請參考 ”關於xamDataGrid”文章。為DataRecordPresenter創立style。將Setter的值綁定為在ComboBox中選擇的顏色。有關的執行細節，請參閱範例檔。

<Style TargetType="{x:Type igDP:DataRecordCellArea}">

    

    <Setter Property="BackgroundActive"

            Value="{Binding ElementName=BackgroundActive_Color, Path=SelectedItem}"/>

  

    <Setter Property="BackgroundSelected"

            Value="{Binding ElementName=BackgroundSelected_Color, Path=SelectedItem}"/>

  

    <Setter Property="BackgroundHover"

            Value="{Binding ElementName=BackgroundHover_Color, Path=SelectedItem}"/>

   

    <Setter Property="BorderActiveBrush"

            Value="{Binding ElementName=BorderActiveBrush_Color, Path=SelectedItem}"/>

   

    <Setter Property="BorderHoverBrush"

            Value="{Binding ElementName=BorderHoverBrush_Color, Path=SelectedItem}"/>

 

    <Setter Property="BorderSelectedBrush"

            Value="{Binding ElementName=BorderSelectedBrush_Color, Path=SelectedItem}"/>

</Style>

執行結果

請從螢幕畫面右側的組合框中選擇顏色資訊。如果要禁用「行」的style，請在所有組合框中選擇白色 (#FFFFFFFF)。

網路資源:

更改record的hover顏色

http://jp.infragistics.com/help/wpf/xamdata-changing-the-record-hover-color

xamDataGrid、xamDataCarousel以及xamDataPresenter的styling point

http://jp.infragistics.com/help/wpf/wpf-working-with-xamdatagrid-xamdatacarousel-and-xamdatapresenter-styling-points XamDataGrid_Record_Style  (下載)