Infragistics｜Ultimate UI WPF｜將 ViewModel 列表綁定到 XamDataGrid ComboBoxField 的 ItemsSource

如果要將視圖模型列表綁定到 XamDataGrid 中 ComboBoxField 的 Combo 使用的 ItemsSource，您可以使用下面描述的 FieldBindings 輕鬆完成。

Model

假設一個代表縣數據的 model。它具有縣代碼和縣名稱作為屬性。

// Prefecture.cs

internal class Prefecture
{
    public int PrefectureCode { get; set; }
    public String PrefectureName { get; set; }
    public Prefecture()
    {
    }   
}

Build Model

第 8 行有一個州列表作為 List<Prefecture> 類型的屬性（屬性名稱是 Prefectures）。

稍後，我們將此屬性綁定到放置在 MainWindow 中的 XamDataGrid 的 ComboBoxField 的 ItemsSource。

// MainWindowViewModel.cs

internal class MainWindowViewModel
{
    // ... (省略) ...

    public List Prefectures { get; set; }

 
    public MainWindowViewModel()
    {
        
        Prefectures = new List();
        Prefectures.Add(new Prefecture() { PrefectureCode = 13, PrefectureName = "東京都" });
        Prefectures.Add(new Prefecture() { PrefectureCode = 27, PrefectureName = "大阪府" });

        // ... (省略) ...
    }   // End of ctor
}

BUILD

僅摘錄了 XamDataGrid 部分。

第 9 行將 MainWindowViewModel 的 Prefectures 屬性綁定到 ComboBoxField 的 ItemsSource。

<igdp:xamdatagrid ...>
    <igdp:xamdatagrid.fieldlayouts>
        <igdp:fieldlayout>
            <igdp:fieldlayout.fields>
                <igdp:comboboxfield name="PrefectureCode" label="県名" itemssource="{igDP:FieldBinding Prefectures}" valuepath="PrefectureCode" displaymemberpath="PrefectureName"></igdp:comboboxfield>
            </igdp:fieldlayout.fields>
        </igdp:fieldlayout>
    </igdp:xamdatagrid.fieldlayouts>
</igdp:xamdatagrid>

結果

現在您可以在“省名”下拉列表中看到縣列表！