Question

我有一个带有工具栏和TabContent区域（PRISM）的视图（主视图）。在TabContent区域中，我有两个选项卡（两个视图-View A，View B-）以不同的方式表示相同的模型（Contacts）。

视图A包含带有联系人的DataGrid。主视图中的工具栏包含一个＆＃34;删除按钮＆＃34;使用DeleteCommand。我想使用DeleteCommand将View A中选定的联系人作为命令参数发送，但是使用下面显示的代码，命令参数为null。看起来主视图不会从View 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

要执行我认为您需要的操作，您在视图中需要的第一件事就是以下命名空间。

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>

上面的EventTrigger将DataGrid中的SelectedItems与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);

DelegateCommand调用的SelectContacts方法：

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事件从视图中的DataGrid触发时更新。

做你需要的。祝你好运！

将CommandParameter绑定到其他View的Property

1 个答案: