Infragistics｜Ultimate UI WPF｜如何將XamDataGrid儲存格的顏色綁定到View Model屬性

如果你想在View Model端擁有一個儲存格的顏色並綁定其屬性，您可以使用CellBinding功能輕鬆地做到這一點。

// Model（SampleDataItem.cs）
public class SampleDataItem
{
    public int ID { get; set; }
    public String Value1 { get; set; }
    public SolidColorBrush Value1Color { get; set;} // 要設定為Value1儲存格的背景色的顏色。
}

// Viewmodel（MainWindowViewModel.cs）
public class MainWindowViewModel
{
    private ObservableCollection _sampleData;

    public ObservableCollection SampleData
    {
        get { return _sampleData; }
        set { _sampleData = value; }
    }

    public MainWindowViewModel()
    {
        // 如果ID=1，Value1儲存格的背景色是粉紅色，如果ID=4，Value1儲存格的背景色是LightGreen，如果是其他情況，儲存格背景色會是透明的。
        _sampleData = new ObservableCollection();
        _sampleData.Add(new SampleDataItem() { ID = 1, Value1 = "aaa", Value1Color = new SolidColorBrush(Colors.Pink) });
        _sampleData.Add(new SampleDataItem() { ID = 2, Value1 = "bbb", Value1Color = new SolidColorBrush(Colors.Transparent) });
        _sampleData.Add(new SampleDataItem() { ID = 3, Value1 = "ccc", Value1Color = new SolidColorBrush(Colors.Transparent) });
        _sampleData.Add(new SampleDataItem() { ID = 4, Value1 = "ddd", Value1Color = new SolidColorBrush(Colors.LightGreen) });
        _sampleData.Add(new SampleDataItem() { ID = 5, Value1 = "eee", Value1Color = new SolidColorBrush(Colors.Transparent) });
    }
}

<!-- Model（MainWindow.xaml） -->

<igDP:XamDataGrid ...

    DataSource="{Binding SampleData}" ...>

    <igDP:XamDataGrid.FieldLayoutSettings>

        <igDP:FieldLayoutSettings AutoGenerateFields="False" />

    </igDP:XamDataGrid.FieldLayoutSettings>

    <igDP:XamDataGrid.FieldLayouts>

        <igDP:FieldLayout>

            <igDP:FieldLayout.Fields>

                <igDP:Field Name="ID" Label="ID"/>

                <igDP:Field Name="Value1" Label="Value1">

                    <!-- 用CellBinding將儲存格的背景顏色綁定到View Model端的屬性 -->

                    <igDP:Field.CellBindings>

                        <igDP:CellBinding

                            Property="Background"

                            Target="CellValuePresenter"

                            Binding="{Binding Path=DataItem.Value1Color}" />

                    </igDP:Field.CellBindings>

                </igDP:Field>

            </igDP:FieldLayout.Fields>

        </igDP:FieldLayout>

    </igDP:XamDataGrid.FieldLayouts>

</igDP:XamDataGrid>

執行結果

Example

相關參考資料

• 「儲存格設定與資料項目屬性的綁定（xamDataGrid）」
  • https://jp.infragistics.com/help/wpf/xamdatagrid-binding-cell-settings-data-item-properties