Infragistics|IgniteUI|XamDataGrid 將特定數值的資料更改背景色

infragistics log


說明如何透過DataTrigger設定DataRecordCellArea的style,可依欄位的「值」變更資料的背景色。下面是關於DataRecordCellArea樣式的範例,在Id field欄位的值為「3」時更改Background屬性,Key設置為”myColoredRecord”。


<Style x:Key="myColoredRecord" TargetType="{x:Type igWPF:DataRecordCellArea}" BasedOn="{StaticResource {x:Type igWPF:DataRecordCellArea}}"> 
    <Style.Triggers> 
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Record.DataItem.Id}" Value="3"> 
            <Setter Property="Background" Value="Tomato">
            </Setter> 
        </DataTrigger> 
    </Style.Triggers> 
</Style>


將上述的style套用在XamDataGrid會產生預期的結果。

下面是在按鈕的點擊事件上動態地將style套用在XamDataGrid的範例程式碼。myColoredRecord被預設定義是MainWindow裡的resource。

       private void Button_Click(object sender, RoutedEventArgs e)
        {
            xamDataGrid1.Resources.Add(typeof(DataRecordCellArea), this.FindResource("myColoredRecord") as Style);
        }



延伸閱讀
aa71435723的大頭照
Winston

Eggplant DAI 自動化測試專家。

留言