ツールバーとTabContent領域(PRISM)を備えたビュー(メインビュー)があります。TabContent領域には、同じモデル(連絡先)を異なる方法で表す2つのタブ(2つのビュー-ビューA、ビューB-)があります。
ビューAには、連絡先のあるDataGridが含まれています。メインビューのツールバーには、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で同じです。
私が必要だと思うことを行うために、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>
上記の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);
}
}
}
これ_selectedContacts
で、ビューで選択されたすべてのアイテムを含むプライベートコレクションがViewModelSelectionChanged
にあり、ビューのDataGridからイベントが発生すると更新されます。
あなたがする必要があることでそれをしてください。頑張ってください!
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加