2012年5月30日水曜日

ItemsControl にデータを表示

ItemsControl はリスト形式でデータを表現することができます。
ListBox や DataGrid コントロールはこの ItemsControl を継承しています。

今回は、シンプルに ItemsControl にリストデータを表示します。ListBox や DataGrid にリストデータを表示するときも同じアプローチで大丈夫です。


XAML(ユーザーインターフェース)

<ItemsControl Name="itemsControl1"
              ItemsSource="{Binding}"
              DisplayMemberPath="Name"/>

C#(データ)

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        ObservableCollection<DataClass> data = new ObservableCollection<DataClass>();
        data.Add(new DataClass { Name = "Kai" });
        data.Add(new DataClass { Name = "Makino" });
        data.Add(new DataClass { Name = "Takashi" });
        this.DataContext = data;
    }
}

class DataClass
{
    public string Name { get; set; }
}