Связывание WPF DataGridComboBoxColumn с MVVM - PullRequest
Новая
       26

Связывание WPF DataGridComboBoxColumn с MVVM

26 голосов
/ 01 апреля 2011

Я просмотрел ответы на различные вопросы , но мне не удалось сопоставить содержание в ответах на проблему, которую я пытаюсь решить. Я сократил его до следующего кода (представляющего результат, который я пытаюсь достичь) и в основном хочу иметь возможность отображать Person.TitleId как соответствующий Title.TitleText, когда строка не редактируется, и правильно раскрыть раскрывающийся список, чтобы он отображал TitleText s в раскрывающемся меню и записывал связанный 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;
}

Ответы [ 2 ]

36 голосов
/ 02 апреля 2011

Вот рабочий код.Ключевым моментом здесь было использование 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>
2 голосов
/ 18 октября 2012

@ Ответ SnowBear мне помог.Но я хочу уточнить детали привязки.

В примере @ Rob классы Title и Person используют TitleID.Поэтому в ответе @ SnowBear в привязке: 

SelectedValueBinding="{Binding TitleId}"

мне не сразу было понятно, какой класс и свойство были связаны.

Поскольку атрибут SelectedValueBinding появился в DataGridComboBoxColumn, это привязка к ItemsSource содержащей DataGrid.В этом случае коллекция контактов объектов Person.

В моем случае коллекция DataSrid DataGrid была приписана свойству, имя которого отличалось от ValuePath коллекции ItemSource ComboBox.Таким образом, значение моего SelectedValueBinding было привязано к другому свойству, чем свойство, названное в SelectedValuePath ComboBox.

...