web-dev-qa-db-ja.com

WPF DataGridComboBoxColumnをMVVMにバインド

私は variousquestions への回答を確認しましたが、解決しようとしている問題への回答のコンテンツをマップできませんでした。私はそれを次のコード（私が達成しようとしている結果を表す）に減らし、基本的には、行が存在しないときにPerson.TitleIdを対応するTitle.TitleTextとしてレンダリングできるようにしたいtが編集され、ドロップダウンにTitleTextsが表示され、関連するTitleIdがPersonレコードに書き戻されるように、ドロップダウンが正しくバインドされます。かわった。

つまり、これを達成するために<DataGridComboBoxColumn>に何を入れればよいのでしょうか。

App.xaml.cs

protected override void OnStartup(StartupEventArgs e)
{
    base.OnStartup(e);

    var viewModel = new ViewModels.MainWindowViewModel();
    var mainWindow = new MainWindow();
    mainWindow.DataContext = viewModel;
    mainWindow.ShowDialog();
}

MainWindow.xaml

<Grid>
    <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Path=Contacts}">
        <DataGrid.Columns>
            <DataGridComboBoxColumn Header="Title" SelectedItemBinding="{Binding Person}">
                <DataGridComboBoxColumn.ElementStyle>
                    <Style TargetType="ComboBox">
                        <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Titles}"/>
                        <Setter Property="IsReadOnly" Value="True"/>
                    </Style>
                </DataGridComboBoxColumn.ElementStyle>
                <DataGridComboBoxColumn.EditingElementStyle>
                    <Style TargetType="ComboBox">
                        <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Titles}"/>
                        <Setter Property="DisplayMemberPath" Value="TitleText" />
                    </Style>
                </DataGridComboBoxColumn.EditingElementStyle>
            </DataGridComboBoxColumn>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

Person.cs

public class Person
{
    public int TitleId { get; set; }
    public string LastName { get; set; }
    public string FirstName { get; set; }
}

Title.cs

public struct Title
{
    public Title(int titleId, string titleText)
        : this()
    {
        TitleId = titleId;
        TitleText = titleText;
    }

    public string TitleText { get; private set; }
    public int TitleId { get; private set; }

    public static List<Title> GetAvailableTitles()
    {
        var titles = new List<Title>();

        titles.Add(new Title(1, "Mr"));
        titles.Add(new Title(2, "Miss"));
        titles.Add(new Title(3, "Mrs"));

        return titles;
    }
}

MainWindowViewModel.cs

public class MainWindowViewModel : ViewModelBase
{
    private ObservableCollection<Person> contacts;
    private List<Title> titles;

    public MainWindowViewModel()
    {
        titles = Title.GetAvailableTitles();

        Contacts = new ObservableCollection<Person>();
        Contacts.Add(new Person() { FirstName = "Jane", LastName = "Smith", TitleId = 2 });
    }

    public List<Title> Titles
    {
        get { return titles; }
    }

    public ObservableCollection<Person> Contacts
    {
        get { return contacts; }
        set
        {
            if (contacts != value)
            {
                contacts = value;
                this.OnPropertyChanged("Contacts");
            }
        }
    }
}

ViewModelBase.cs

public class ViewModelBase : INotifyPropertyChanged
{
    protected void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }

    public event PropertyChangedEventHandler PropertyChanged;
}
wpfmvvmdatagriddatagridcomboboxcolumn
26
Rob

これが実際のコードです。ここでの重要なポイントは、SelectedValueBindingではなくSelecteItemBindingを使用することでした。

<DataGridComboBoxColumn Header="Title" 
                        SelectedValueBinding="{Binding TitleId}"
                        SelectedValuePath="TitleId"
                        DisplayMemberPath="TitleText"
                        >
    <DataGridComboBoxColumn.ElementStyle>
        <Style TargetType="ComboBox">
            <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Titles}"/>
        </Style>
    </DataGridComboBoxColumn.ElementStyle>
    <DataGridComboBoxColumn.EditingElementStyle>
        <Style TargetType="ComboBox">
            <Setter Property="ItemsSource" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Titles}"/>
        </Style>
    </DataGridComboBoxColumn.EditingElementStyle>
</DataGridComboBoxColumn>
36
Snowbear

@SnowBearの答えは私にはうまくいきました。しかし、私はバインディングの詳細を明らかにしたいと思います。

@Robの例では、TitleクラスとPersonクラスの両方がTitleIDを使用しています。したがって、@ SnowBearの回答では、バインディングで：

SelectedValueBinding="{Binding TitleId}"

どのクラスとプロパティがバインドされているかはすぐにはわかりませんでした。

SelectedValueBinding属性はDataGridComboBoxColumnに表示されるため、それを含むDataGridのItemsSourceにバインドしています。この場合、PersonオブジェクトのContactsコレクションです。

私の場合、DataGridのDataSourceコレクションには、ComboBoxのItemSourceコレクションのValuePathとは異なる名前のプロパティが割り当てられていました。そのため、私のSelectedValueBindingの値は、ComboBoxのSelectedValuePathで指定されたプロパティとは異なるプロパティにバインドされていました。

2
Paul Chavez