LINQ to SQLクラスの作成とWPFでの表示

前回の投稿のWPF編です。４番までWindowsフォーム編のときと手順が同じになるので、今回は５番から始めます。

５．Expression Blend（SP1の適用が必要）で、作成したプロジェクトを開き、［プロジェクト］パネルの下部にあるデータソースの一覧から［+CLRオブジェクト］と書いてあるボタンをクリックします。

６．［CLRオブジェクトデータソースの追加］ダイアログで「WpfApplication1」という項目を展開して「Customers」を選択し、［OK］ボタンをクリックします。

７．［資産ライブラリ］から、ListBoxコントロールをデフォルトで配置されているレイアウト要素Gridの中に配置します（大きさや位置などは適宜調整）。このとき、ListBoxの名前（Nameプロパティ）をListBox1に設定しておきます。

８．データソースの一覧にある「Customers」を配置したListBoxコントロールへドラッグ＆ドロップし、表示されたメニューから「Customersを"ListBox"にバインド」をクリックします。

９．［データバインドの作成］ダイアログでは、［フィールドの選択］にItemsSourceを選択し、［OK］ボタンをクリックします。

１０．［データテンプレートの作成］ダイアログは、デフォルトのまま［OK］ボタンをクリックします。

１１．Expression BlendかVisual StudioのどちらかでWindowのLoadedイベントハンドラを作成し、下記のコードを記述します。

Class Window1
    Private DataClasses1DataContext1 As New DataClasses1DataContext

    Private Sub Window_Loaded(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        ListBox1.ItemsSource = DataClasses1DataContext1.Customers()
    End Sub
End Class

一応、ここまでの内容で下記のような表示となります。

なお、作成されたXAML側のObjectDataSourceは使っていません。DataTemplateを自動生成させたいがためにItemsSourceにバインドさせただけなので、ObjectDataSource部分とItemsSourceのバインド部分は削除しても問題ありません。

もう少し見た目を良くするには、ListBoxのItemsTemplateを修正します。ListBoxコントロールを右クリックしてコンテキストメニューから［他のテンプレートの編集］−［生成されたアイテムの編集(ItemsTemplate)］−［テンプレートの編集］を選択することで、ItemsTemplateの編集が可能です。

（項目数が多かったので少し減らしましたが）上記のようなDataTemplateを適用すると、下記のような表示になります。

このような表示であればListViewを使ってGridViewを用いたほうが良いですね。