C# WPFで動作するComboBoxのBindingをWinFormsで実装する方法について

Question

実現したいこと

Visual Studio Community 2022 Preview 17.13.0 Preview2.0
.net9.0 C#　LangVersionはPreview(Projectファイルに追加) CommunityToolkit.Mvvm 8.40 の環境で.net8.0から強化されたWinFormsのBindingについて検証しています。ComboBoxでのBindingで、WPFでは実現できるのですが、WinFormsでは実現できないことがあります。

発生している問題・分からないこと

ViewModelは同じ内容のものを使用しています。ComboBoxの選択を変更したときに、TextBoxに選択内容を表示しようとしています。WPFではドロップダウンリストで選択したものがTextBoxに表示できるのですが、WinFormsでは表示できません。WinFormsのComboBoxの仕様なのか、プログラムミスなのかわからない状況です。

該当のソースコード

WPF MainWindow.xaml

<Window x:Class="A02_DialogBinding.MainWindow"
        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"
        xmlns:local="clr-namespace:A02_DialogBinding"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <Grid>
        <TextBox HorizontalAlignment="Left" Margin="197,196,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding ComboSelectItem}"/>
        <ComboBox HorizontalAlignment="Center" Margin="0,196,0,0" VerticalAlignment="Top" Width="120" ItemsSource="{Binding ComboItems}" SelectedItem="{Binding ComboSelectItem}"/>
    </Grid>
</Window>

WPF MainViewModel

using System.Collections.ObjectModel;
using CommunityToolkit.Mvvm.ComponentModel;

namespace A02_DialogBinding;

public partial class MainViewModel : ObservableObject
{
    public MainViewModel()
    {
        ComboItems = ["Item 1", "Item 2", "Item 3"];
        ComboSelectItem = ComboItems[2];
    }

    /// <summary>
    ///     Combobox用Itemsのデータを保持するコレクション
    /// </summary>
    [ObservableProperty]
    public partial ObservableCollection<string> ComboItems { get; private set; }

    /// <summary>
    ///     Comboboxで選択されたItem
    /// </summary>
    [ObservableProperty]
    public partial string ComboSelectItem { get; set; }
}

WinForms Form3 TextBoxとComboBoxを配置

namespace Advance.Trial.Binding;

public partial class Form3 : Form
{
    private readonly Form3ViewModel? _viewModel;

    public Form3()
    {
        InitializeComponent();

        _viewModel = new Form3ViewModel();
        comboBox1.DataBindings.Add(nameof(comboBox1.DataSource), _viewModel, nameof(_viewModel.ComboItems));
        comboBox1.DataBindings.Add(nameof(comboBox1.SelectedItem), _viewModel, nameof(_viewModel.ComboSelectItem), false,
            DataSourceUpdateMode.OnPropertyChanged);
        textBox1.DataBindings.Add(nameof(textBox1.Text), _viewModel, nameof(_viewModel.ComboSelectItem), false,
            DataSourceUpdateMode.OnPropertyChanged);
    }
}

WinForms Form3ViewModel

using System.Collections.ObjectModel;
using CommunityToolkit.Mvvm.ComponentModel;

namespace Advance.Trial.Binding;

public partial class Form3ViewModel : ObservableObject
{
    public Form3ViewModel()
    {
        ComboItems = ["Item 1", "Item 2", "Item 3"];
        ComboSelectItem = ComboItems[2];
    }

    /// <summary>
    ///     Combobox用Itemsのデータを保持するコレクション
    /// </summary>
    [ObservableProperty]
    public partial ObservableCollection<string> ComboItems { get; private set; }

    /// <summary>
    ///     Comboboxで選択されたItem
    /// </summary>
    [ObservableProperty]
    public partial string ComboSelectItem { get; set; }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

terataildeで「CommunityToolkit」「MVVMToolkit」で検索しましたが該当するものがありませんでした。

補足

ソースは上から
WPF MainWindow.xaml
WPF MainViewModel
WinForms Form3 TextBoxとComboBoxを配置
WinForms Form3ViewModel
です。

Comments

[hqf00342]

MvvmToolKitの新しい機能を使っているのにちょっとびっくり（うれしい）ですが、
恐らくComboBoxで選択変更後、フォーカスを別のコントロールに移すとTextBoxに反映されませんか？

[ange1192]

コメントありがとうございます。ご指摘の通りフォーカス移動でTextBoxに反映されました。WPFとは挙動が違いますが、WinFormsのComboBoxの仕様でしょうか。

[hqf00342]

ComboBox.SelectedItemはフォーカスが移動するなどして値が確定したときに変更通知が走ります。
選択時に変更通知が欲しいのであればSelectedValueがその動きをしますが今回のコードであれば、
選択アイテム変更時にBinding変更させるように、例えば
comboBox1.SelectionChangeCommitted += (s, _) => (s as ComboBox)?.DataBindings["SelectedItem"]?.WriteValue();
のようなイベント処理を1行追記してもよいかもしれません。

[ange1192]

ありがとうございます。hqg00342さんのブログ、とても助かっています。

Answer 1

WinFormsのComboBoxの仕様なのか、プログラムミスなのかわからない状況です。

public partial class MainViewModel : ObservableObject
{
    partial void OnComboSelectItemChanged(string value) => Debug.WriteLine(value);

としておくと、選択の変更だけでは呼ばれないことが確認できます。
SelectedIndexやSelectedValueは即時に変わるのですが、SelectedItemはなぜか即時には変わらないようです。
SelectedItemChangedイベントがないことからもそういう仕様なのかもしれません。

提示のコードならTextにバインドすることで、意図通りの動きになりました。

文字列以外のデータ（色とか数値とか）も持つなら、SelectedValueにバインドするのも手かもしれません。

using System.Collections.ObjectModel;
using CommunityToolkit.Mvvm.ComponentModel;

namespace Qnzyewzsqfnzs05;

public partial class Form1 : Form
{
    private readonly ViewModel vm = new();

    public Form1()
    {
        InitializeComponent();

        comboBox1.DropDownStyle = ComboBoxStyle.DropDownList;
        comboBox1.DataBindings.Add("DataSource", vm, nameof(vm.Items1));
        comboBox1.DataBindings.Add("SelectedItem", vm, nameof(vm.SelectedItem1), false, DataSourceUpdateMode.OnPropertyChanged);
        textBox1.DataBindings.Add("Text", vm, nameof(vm.SelectedItem1), false, DataSourceUpdateMode.OnPropertyChanged);

        comboBox2.DropDownStyle = ComboBoxStyle.DropDownList;
        comboBox2.DataBindings.Add("DataSource", vm, nameof(vm.Items2));
        comboBox2.DataBindings.Add("Text", vm, nameof(vm.SelectedItem2), false, DataSourceUpdateMode.OnPropertyChanged);
        textBox2.DataBindings.Add("Text", vm, nameof(vm.SelectedItem2), false, DataSourceUpdateMode.OnPropertyChanged);

        comboBox3.DropDownStyle = ComboBoxStyle.DropDownList;
        comboBox3.ValueMember = nameof(Item.Value);
        comboBox3.DataBindings.Add("DataSource", vm, nameof(vm.Items3));
        comboBox3.DataBindings.Add("SelectedValue", vm, nameof(vm.SelectedItem3), false, DataSourceUpdateMode.OnPropertyChanged);
        textBox3.DataBindings.Add("Text", vm, nameof(vm.SelectedItem3), false, DataSourceUpdateMode.OnPropertyChanged);
    }
}

public partial class ViewModel : ObservableObject
{
    public ObservableCollection<string> Items1 { get; } = ["Item 1", "Item 2", "Item 3"];
    [ObservableProperty] public partial string SelectedItem1 { get; set; }

    public ObservableCollection<string> Items2 { get; } = ["Item 1", "Item 2", "Item 3"];
    [ObservableProperty] public partial string SelectedItem2 { get; set; }

    public ObservableCollection<Item> Items3 { get; } = [new("Item 1"), new("Item 2"), new("Item 3")];
    [ObservableProperty] public partial string SelectedItem3 { get; set; }

    public ViewModel()
    {
        SelectedItem1 = Items1[^1];
        SelectedItem2 = Items2[^1];
        SelectedItem3 = Items3[^1].Value;
    }

    //partial void OnSelectedItem1Changed(string value) => Debug.WriteLine(value);
}

public record Item(string Value);

Comments

[ange1192]

ありがとうございました。サンプルまで作成して頂き、感謝しています。