从其他视图将命令参数绑定到属性

Question

i具有工具栏和tabcontent区域（prism）的视图（主视图）。在TABCONTENT区域中，我有两个标签（两个视图-View A，View B-）以不同的方式表示相同的模型（联系人）。

查看a包含带有联系人的数据杂志。主视图中的工具栏包含一个带有DeleteCommand的"删除按钮"。我想与DeleteCommand一起发送从视图A作为命令参数的选定联系人，但是在下面显示的代码时，命令参数为null。看来主视图没有从位于视图A中的DataGrid检索所选项目。如何完成此操作？

这是主要视图：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="30" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <DockPanel Grid.Row="0" Background="#D6D6DC">
        <ToolBar Style="{StaticResource ModuleToolBarStyle}">
            <TextBlock Margin="10,0,0,0" Text="Contacts"></TextBlock>
            <Button Name="addContactButton" ToolTip="Add Contact">
                <Image Source="/PrismApp.Controls;component/Images/add.png"/>
            </Button>
            <Button Name="deleteContactsButton" ToolTip="Delete selected Contacts"
                    Command="{Binding DeleteContactCommand}" CommandParameter="{Binding SelectedItems, ElementName=ContactsList}">
                <Image Source="/PrismApp.Controls;component/Images/delete.png"/>
            </Button>
            <ToggleButton Name="ViewAButton" ToolTip="View A" Command="{Binding NavigateToViewACommand}"
                          IsChecked="{Binding IsViewAActive}">
                <Image Source="/PrismApp.Controls;component/Images/listblack.png"/>
            </ToggleButton>
            <ToggleButton Name="ViewBButton" ToolTip="View B" Command="{Binding NavigateToViewBCommand}"
                          IsChecked="{Binding IsViewBActive}">
                <Image Source="/PrismApp.Controls;component/Images/tilesblack.png"/>
            </ToggleButton>
        </ToolBar>
    </DockPanel>
    <TabControl Grid.Row="1" prism:RegionManager.RegionName="ContactsViewRegion">
        <TabControl.ItemContainerStyle>
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="Visibility" Value="Collapsed"/>
            </Style>
        </TabControl.ItemContainerStyle>
    </TabControl>
</Grid>

这是视图a：

<Grid>
    <DataGrid x:Name="ContactsList" Margin="20" AutoGenerateColumns="False" IsReadOnly="True" CanUserResizeRows="False"
              CanUserResizeColumns="True" ColumnWidth="*" ItemsSource="{Binding Contacts}">
    </DataGrid>
</Grid>

视图模型对于主视图，查看a和查看b。

Answer 1

做我认为您需要的事情，在您的视图中，您需要的第一件事是datagrid所在的位置是以下名称空间。

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

这是您要添加到DataGrid的东西；具体来说，i:Interaction.Triggers部分：

<DataGrid x:Name="ContactsDataGrid" ItemsSource="{Binding Contacts}" Margin="20" CanUserAddRows="False"
                VerticalAlignment="Top" IsReadOnly="True" AutoGenerateColumns="False" 
                SelectionMode="Extended" SelectionUnit="FullRow">
    <DataGrid.Columns>
        ...
    </DataGrid.Columns>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="SelectionChanged">
            <i:InvokeCommandAction Command="{Binding SelectedItemsCommand}" 
                                    CommandParameter="{Binding Path=SelectedItems,ElementName=ContactsDataGrid}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</DataGrid>

上面的EventWrigger将在DataGrid中将selectionEtems与ViewModel同步。

ViewModel添加：

// A list to store the selected contacts in
private List<Contact> _selectedContacts = new List<Contact>();
// A DelegateCommand that will be invokes when selections change in the DataGrid
public DelegateCommand<object> SelectedItemsCommand { get; set; }

在您的ctor中或其他任何绑定命令的地方，添加此信息：

SelectedItemsCommand = new DelegateCommand<object>(SelectContacts);

selectContacts方法delegatecommand调用：

private void SelectContacts(object contacts)
{
    var selected_contacts = contacts as System.Collections.IList;
    if (selected_contacts != null)
    {
        _selectedContacts.Clear();
        foreach (var contact in selected_contacts)
        {
            _selectedContacts.Add((Contact)contact);
        }
    }
}

您现在在ViewModel中有一个私有_selectedContacts集合，其中包含视图中选择的所有项目，并且当SelectionChanged事件在视图中从数据摩擦触发时会进行更新。

与您所需要的那样做。祝您好运！