WPF/ComboBox の履歴(No.4)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• WPF/ComboBox へ行く。
  • 1 (2011-02-21 (月) 12:59:28)
  • 2 (2011-02-21 (月) 13:11:49)
  • 3 (2011-03-04 (金) 08:42:30)
  • 4 (2011-08-23 (火) 06:08:47)
  • 5 (2012-04-24 (火) 02:03:51)

Tag: WPF ComboBox

目次†

参考情報†

プロパティ†

• 同じような名前のプロパティがあって混乱するのでまとめ。
• ComboBoxのItemsSourceにカスタムオブジェクトのリストをバインディングしている場合を考える(例) Animalクラスのオブジェクト)。

DisplayMemberPath†

• コンボボックスに表示するオブジェクトのプロパティ名。
• 例)AnimalクラスのNameプロパティ。

  DisplayMemberPath="Name"

SelectedItem†

• コンボボックスで選択されたオブジェクトを設定するのに使う
• 例)選択されたAnimalオブジェクトをViewModelにセット

  SelectedItem="{Binding SelectedAnimal}"

SelectedValuePath†

• コンボボックスで選択されたオブジェクトのプロパティを取り出すのに使う。
• 例)選択されたAnimalオブジェクトのNameプロパティを取り出す。

  SelectedValuePath="{Binding Name}"

SelectedValue†

• コンボボックスで選択されたオブジェクトの値の設定先を指定。SelectedValuePathといっしょに使うことが多いのかな。
• 例)選択されたAnimalオブジェクトのNameプロパティをViewModelのAnimalNameプロパティに設定する。

  SelectedValuePath="{Binding Name}"
  SelectedValue="{Binding AnimalName}"

ComboBoxにカスタムオブジェクトのリストをバインディングする例†

概要†

• ViewModelにAnimaのリストを持ち画面に表示。
• ComboBoxに表示するのはAnimalのNameプロパティ。
• ViewModelに設定するのは選択されたAnimalのIdプロパティ。

XAML†

        <ComboBox ItemsSource="{Binding Animals}" SelectedItem="{Binding Animal}"
                    DisplayMemberPath="Name"                   
                    SelectedValuePath="Id"
                    SelectedValue="{Binding AnimalId}"
                  />
        <Button Click="Button_Click">検証</Button>

Animal.cs†

    public class Animal
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public override string ToString()
        {
            return string.Format("{0} {1}", Id, Name);
        }
    }

ViewModel.cs†

    public class SimpleComboBox2WindowViewModel :INotifyPropertyChanged
    {
        public SimpleComboBox2WindowViewModel()
        {
            this.Animals = new ObservableCollection<Animal>() {
               new Animal() {Id = 1, Name="ゾウ"},
               new Animal() {Id = 2, Name="ライオン"},
               new Animal() {Id = 3, Name="トラ"},
            };

            this.animalId = 2;
        }

        public ObservableCollection<Animal> Animals { get; set; }

        private int animalId;

        public int AnimalId
        {
            get
            {
                return animalId;
            }
            set
            {
                if (animalId != value)
                {
                    animalId = value;
                    this.NotifyPropertyChanged("AnimalId");
                }
            }
        }


        public void NotifyPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
    }