如何将 CommandParameter 与子 UserControl 的子元素绑定？

Question

我有以下 xaml 视图：

<UserControl x:Class="MyViews.PersonView"
  xmlns:views="clr-namespace:MyViews"
 [...]
>
[...]
<dxb:BarManager x:Name="MainBarManager">
  <dxb:BarManager.Items>
    <dxb:BarButtonItem x:Name="bbiPrint"
                       Content="{Binding Print, Source={StaticResource CommonResources}}" 
                       Command="{Binding PrintPersonsCommand}" 
                       CommandParameter="{Binding PersonsCardView, ElementName=CardUserControl}"
                       />
  </dxb:BarManager.Items>
  <Grid>
    <Grid.RowDefinitions>
    [...]
    </Grid.RowDefinitions>
    <views:CardView x:Name="CardUserControl" Grid.Row="2"/>
  </Grid>
[...]
</UserControl>

CardView 定义如下：

<UserControl x:Class="MyViews.CardView"
             [...]>
[...]

    <dxg:GridControl ItemsSource="{Binding Persons}" SelectedItems="{Binding SelectedPersons}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" SelectionMode="MultipleRow">
        [...]
        <dxg:GridControl.View>
            <dxg:CardView x:Name="PersonsCardView" 
                          [...]
                          CardTemplate="{StaticResource DisplayCardTemplate}" 
                          PrintCardViewItemTemplate="{StaticResource PrintCardTemplate}"/>
        </dxg:GridControl.View>
        [...]
    </dxg:GridControl>
</UserControl>

PrintPersonsCommand 在我的 ViewModel 中定义如下：

public class PersonViewModel
{
  public PersonViewModel(...)
  {
    [...]
    PrintPersonsCommand = new Prism.Commands.DelegateCommand<DataViewBase>(PrintPersons, CanPrintPersons);
  }  

  public Prism.Commands.DelegateCommand<DataViewBase> PrintPersonsCommand { get; private set; }

  private void PrintPersons(DataViewBase view)
  {
    _printService.ShowGridViewPrintPreview(view);
  }

  private bool CanPrintPersons(DataViewBase view)
  {
    return true;
  }
}

现在，当我单击“打印”按钮时，上面的PrintPersons 方法总是会输入null。如何在上面的MyViews.PersonView xaml 中传递CardUserControl.PersonsCardView，如何将PersonCardView 传递给我的命令？换句话说，我该如何解决

CommandParameter="{Binding PersonsCardView, ElementName=CardUserControl}"

让它工作？

目前，我发现解决此问题的唯一方法是将Command 和CommandParameter 替换为

ItemClick="OnPrintBtnClick"

然后在PersonView的代码隐藏文件中做：

private void OnPrintBtnClick(object sender, ItemClickEventArgs e)
{
  var ctxt = DataContext as PersonViewModel;
  ctxt.PrintPersonsCommand.Execute(CardUserControl.PersonsCardView);
}

这行得通，但我不敢相信没有其他方法。我对该解决方案不满意，因为我不再拥有使用Command 的好处，例如命令的CanExecute 方法的自动评估。我也可以将CardView 的xaml 代码放在PersonView.xaml 中，但我喜欢将我的控件放在单独的文件中，因为我觉得它更有条理，而且每个用户控件都有自己的职责，可以很好地拆分为单独的文件文件。此外，该解决方案将我的视图绑定到我的视图模型过于紧密。

有人可以帮帮我吗？

Answer 1

在不更改现有视图和视图模型层次结构的情况下，我能够使用 Tag 属性将 GridControl.View 传递给 PersonViewModel 您可以将 CardView 分配给 CardView UserControl 底部的 Tag 属性，然后将该 Tag 作为 CommandParameter 访问。

CardView 用户控件

<UserControl x:Class="MyViews.CardView"
         [...]>
    [...]

<dxg:GridControl ItemsSource="{Binding Persons}" SelectedItems="{Binding SelectedPersons}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" SelectionMode="MultipleRow">
    [...]
    <dxg:GridControl.View>
        <dxg:CardView x:Name="PersonsCardView" 
                      [...]
                      CardTemplate="{StaticResource DisplayCardTemplate}" 
                      PrintCardViewItemTemplate="{StaticResource PrintCardTemplate}"/>
    </dxg:GridControl.View>
    [...]
</dxg:GridControl>

<UserControl.Tag>
    <Binding ElementName="PersonsCardView"/>
</UserControl.Tag>

</UserControl>

打印按钮 Xaml：

<dxb:BarButtonItem x:Name="bbiPrint"
                   Content="{Binding Print, Source={StaticResource CommonResources}}" 
                   Command="{Binding PrintPersonsCommand}" 
                   CommandParameter="{Binding ElementName=CardUserControl, Path=Tag}"
                   />

Answer 2

基于 Insane 的宝贵意见，我提出了以下两个更简洁的修复：

代码隐藏解决方案

在PersonView 中，在Print 按钮上使用ItemClick 事件处理程序：

<dxb:BarButtonItem x:Name="bbiPrint"
  Content="{Binding Print, Source={StaticResource CommonResources}}" 
  ItemClick="OnPrintBtnClick"/>

像这样调整相应的代码隐藏文件：

public partial class PersonView : UserControl
{
  readonly IPrintService _printService;

  public PersonView(IPrintService printService)
  {
    _printService = printService;

    InitializeComponent();
  }

  private void OnPrintBtnClick(object sender, ItemClickEventArgs e)
  {
    _printService.ShowGridViewPrintPreview(CardUserControl.PersonsCardView);
  }
}

因为我想在没有选择时使打印按钮变灰，所以我仍然需要添加一些代码来实现这一点。我可以得到它 1.更新按钮代码为

<dxb:BarButtonItem x:Name="bbiPrint"
  Content="{Binding Print, Source={StaticResource CommonResources}}" 
  ItemClick="OnPrintBtnClick" IsEnabled="{Binding CanPrintPersons}"/> 

1. 在更改人员选择时刷新PersonViewModel 中的CanPrintPersons 属性

就是这样。

CardViewModel 解决方案

在该解决方案中，我们有一个 PersonView 及其底层 PersonViewModel 和一个 CardView 及其底层 CardViewModel。我不会详细描述该解决方案，因为它在我的情况下是多余的，但为了完整起见，我将给出要点。单击PersonView 上的Print 按钮后，将调用PersonViewModel 的PrintCommand。该命令向CardViewModel 发出Print 事件，而CardViewModel 又调用它自己的PrintCommand。后一个命令调用

_printService.ShowGridViewPrintPreview(View);

其中View 是CardViewModel 的属性，在CardView 加载时设置，例如

<dxmvvm:Interaction.Behaviors>
  <dxmvvm:EventToCommand EventName="Loaded" Command="{Binding ViewLoadedCommand}" CommandParameter="{Binding ElementName=PersonsCardView}" />
</dxmvvm:Interaction.Behaviors>

因为我有两个要打印的子视图，所以我需要为每个子视图添加一个视图模型。此外，这两个视图模型加上PersonViewModel 需要访问要打印的人员列表。特别是，它们需要共享访问相同的数据，以便它们同步。 here 解释了一个简单的方法，并且是完全可行的。但我认为对于我拥有的简单用例来说，不值得麻烦，因为它增加了不必要的复杂性。