如何设置用户控件

Question

在应用程序中，我有（简化的）任务：

该应用程序管理有关人员的信息。这些人存储在某个地方（没关系）。 用户可以在列表中添加和删除人员。

人员列表（在程序中经常使用）如下所示：

<UserControl>
...
    <StackPanel>
        <ListBox 
            ItemsSource="{Binding Persons}" 
            SelectedItem="{Binding SelectedPerson}"
            SelectionMode="Single"/>

        <StackPanel Orientation="Horizontal">
            <Button Content="Add Person" Command="{Binding AddPersonCommand}" />
            <Button Content="Remove Person" Command="{Binding RemovePersonCommand}" />
        </StackPanel>
    </StackPanel>
...
</UserControl>

在它的背后是一个我想用于实现的 ViewModel。

现在我希望将这个控件嵌入到另一个控件/窗口中，如下所示：

<personcontrol:PersonControl PersonsCollectionDP="{Binding PersonsFromMainVM}" SelectedPersonDP="{Binding SelectedPersonFromMainVM}" />

(PersonsVM 和 SelectedPersonVM 是嵌入 PersonControl-UC、PersonsDP 和 的 UC/Window 的 VM 中的属性SelectedPersonDP 是 PersonControl-UC 的 DependencyProperty。）

我的问题是将 UC 的属性作为 DependencyProperty 并且（同时）在 UC-ViewModel 中作为属性。

我怎样才能做到这一点？

---

更新 1

找到this link 正是在此讨论了我的问题但仍未得到解答。也许有人有一个新想法......

Answer 1

这都是关于数据上下文的。您可以将绑定保留在用户控件定义中，稍后在您将 UC 绑定数据上下文嵌入到相应 VM 的部分中，该 VM 提供您的人员数据源。

<Window>
    <personcontrol:PersonControl DataContext="{Binding PersonsVM}" />
</Window>

在虚拟机中你会拥有

public class WindowVM 
{
   public PersonsUCProviderVM PersonsVM {get;set;}
}

public class PersonsVM
{
   public List<Person> Persons {get;set;}
   public Person SelectedPerson {get;set;}
   public ICommand AddPersonCommand {get;set;}
   public ICommand RemovePersonCommand {get;set;}
}

Answer 2

编辑：

通常在使用 usercontrol 和 DP 时使用 elementname 绑定。（永远不要将 DataContext 设置为 self）

<personcontrol:PersonControl PersonsCollectionDP="{Binding PersonsFromMainVM}" SelectedPersonDP="{Binding SelectedPersonFromMainVM}" />

那么你的用户控件应该是这样的

<UserControl x:Name="uc">
<StackPanel>
    <ListBox 
        ItemsSource="{Binding ElementName=uc, Path=PersonsCollectionDP}" 
        SelectedItem="{Binding ElementName=uc, Path=SelectedPersonDP}"
        SelectionMode="Single"/>
</StackPanel>
</UserControl>