无法从文本框获取绑定并从另一个视图模型绑定组合框

Question

我对 mvvm 非常陌生，所以请耐心等待。我有 2 个继承的视图模型，即 DBViewModel 和 PersonViewModel。我想在 DBViewModel 中添加人员对象，并将 2 组合框与 PersonViewModel 中的 observablecollection 绑定。

 public class PersonViewModel
{
    private ICommand AddCommand ;

    public Person PersonI{get;set;}
    public ObservableCollection<Person> EmployeeList{ get; set; }
    public ObservableCollection<String> OccupationList{ get; set; }

    public PersonViewModel()
    {
        PersonI = new Person();
        this.AddCommand = new DelegateCommand(this.Add);

        // get OccupationList and EmployeeList 
    }
    ......
}

 public class DBViewModel : PersonViewModel
{


    public PersonViewModel PersonVM { get; set; }

    public PersonViewModel()
    {
        PersonVM = new PersonViewModel();

    }
    ....
} 
<DataTemplate DataType='{x:Type viewModel:DBViewModel}'>
    <StackPanel>
          <TextBox Text="{Binding PersonI.Name}" />
    <ComboBox Name="cboccupation" ItemsSource="{Binding OccupationList}"
    DisplayMemberPath="Name"
    SelectedItem="{Binding SelectedItem}" SelectedValuePath="Id"/>

    <Button Content="Add" Command="{Binding AddCommand}" />

   <DataGrid ItemsSource="{Binding EmployeeList}" CanUserAddRows="True">
        <DataGrid.Columns>
            <DataGridTemplateColumn Header="Occupation">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ComboBox ItemsSource="{Binding OccupationList}" 
                                  DisplayMemberPath="Name" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>

    </StackPanel>
    </DataTemplate> 

Answer 1

如果您想要一种更简单的方法，我认为您可以使用混合设置数据存储字段并将两个控件绑定到该字段。

Answer 2

您的绑定正在尝试绑定到DBViewModel 上的属性PersonI 和OccupationList，但是这些属性不存在。

您需要将它们指向 PersonVM.PersonI 和 PersonVM.OccupationList。

<TextBox Text="{Binding PersonVM.PersonI.Name}" />
<ComboBox ItemsSource="{Binding PersonVM.OccupationList}" ... />

对于 DataGrid 中的 ComboBox 绑定，这可能不起作用，因为 Grid 中每一行的 DataContext 是一个 Person 对象（由 DataGrid.ItemsSource 指定），我认为 Person 没有一个名为 OccupationList 的属性。

您需要更改绑定的 Source 以使用具有 OccupationList 属性的对象。

例如，如果您的 DataGrid 被命名为 MyDataGrid，则该 ComboBox 的以下绑定将起作用

<ComboBox ItemsSource="{Binding 
              ElementName=MyDataGrid, 
              Path=DataContext.PersonVM.OccupationList}" ... />

或者，您可以使用 RelativeSource 绑定让它查找父 DataGrid 对象，而无需指定名称

<ComboBox ItemsSource="{Binding 
              RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}, 
              Path=DataContext.PersonVM.OccupationList}" ... />

附带说明，您似乎对绑定和DataContext 有点困惑。我喜欢写关于初学者 WPF 主题的博客，建议阅读 What is this "DataContext" you speak of?。我发现它帮助了这个站点上的许多 WPF 初学者理解基本的绑定概念。 :)