web-dev-qa-db-ja.com

WPF：オブジェクトをComboBoxにバインドする方法

オブジェクトをさまざまなタイプのコントロールにバインドする方法を学習しようとしています。この例では、ComboBoxに表示されるオブジェクトのサンプルデータを取得します。コードは実行されますが、値（David、Helen、Joe）の代わりに表示されるのはテキスト「TheProtect.UserControls.Client」です）

XAML：（ucDataBindingObject.xaml）

<UserControl x:Class="TheProject.UserControls.ucDataBindingObject"
             xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.Microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             Width="Auto"
             Height="Auto"
             mc:Ignorable="d">

    <Grid Width="130"
          Height="240"
          Margin="0">

            <ComboBox Width="310"
                      HorizontalAlignment="Left"
                      VerticalAlignment="Top"
                      ItemsSource="{Binding Path=Clients}" />
    </Grid>
</UserControl>

C＃：ucDataBindingObject.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows.Controls;
namespace TheProject.UserControls
{
    public partial class ucDataBindingObject : UserControl
    {

        public List<Client> Clients { get; set; }


        public ucDataBindingObject()
        {
            Clients = new List<Client>();
            Clients.Add(new Client(1, "David")); // sample data
            Clients.Add(new Client(2, "Helen"));
            Clients.Add(new Client(3, "Joe"));


            InitializeComponent();
            this.DataContext = this;
        }
    }

C＃Client.cs

using System;
using System.Linq;

namespace TheProject.UserControls
{
    public class Client
    {
        public int ID { get; set; }
        public string Name { get; set; }

        public Client(int id, string name)
        {
            this.ID = id;
            this.Name = name;
        }
    }
}
wpfxamlobjectdata-bindingcombobox
32
Unrepentent Geek

フレームワークに何を表示するかを伝える方法はいくつかあります

1）ComboBoxで DisplayMemberPath を使用します（名前付きプロパティが表示されます）。

_<ComboBox ItemsSource="{Binding Path=Clients}" 
          DisplayMemberPath="Name"
/>
_

2）ComboBoxでItemTemplateを設定します。これは＃1と似ていますが、プロパティだけでなく、表示するテンプレートを定義できる点が異なります。

_<ComboBox ItemsSource="{Binding Path=Clients}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <Border BorderBrush="Green" BorderThickness="1" Padding="5">
                <TextBlock Text="{Binding Path=Name,StringFormat='Name: {0}'}" />
            </Border>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>
_

3）ToString()オーバーライドをソースクラスに追加します。特定のクラスに対して常に同じ文字列を表示する場合に便利です。 （デフォルトのToString()は単なるクラスタイプ名であるため、 "TheProtect.UserControls.Client"が表示されることに注意してください。）

_public class Client
{
    // ...

    public override string ToString()
    {
        return string.Format("{0} ({1})", Name, ID);
    }
}
_

4） DataTemplate をXAMLリソースに追加します。これは、特定のクラスタイプをより複雑なまたは定型化されたテンプレートに関連付けるのに役立ちます。

_<UserControl xmlns:local="clr-namespace:TheProject.UserControls">
    <UserControl.Resources>
        <DataTemplate DataType="local:Client">
            <TextBlock Text="{Binding Name}" />
        </DataTemplate>
    </UserControl.Resources>

    // ...

</UserControl>    
_
68
McGarnagle

DisplayMemberPathで、comboBoxに表示するプロパティの名前を指定します。 SelectedValuePathで、選択するプロパティの名前を指定します。 ComboBox.SelectedValue、このプロパティの値を取得します。

9
Paranjay Srivastava