绑定到 ItemsControl 中的 CurrentItem

Question

下面的 XAML 基本上是在尝试创建 Buttons 的列表（从当前 DataContext 中的 Views 集合中的对象的 Name 属性呈现。

当我点击一个按钮时，CollectionViewSource 的 CurrentItem 属性应该会发生变化，并且关联的 View 应该会显示在内容演示器中。

好的。如果我在下面的 XAML 中单击 ListBox，它会完全按预期工作。

但是，如果我单击 UniformGrid（由项目控件创建）中的按钮，CurrentItem 属性不会更新。

如何在ItemsControl 中选择项目时更新CurrentItem？

谢谢

<UserControl x:Class="Pos.Features.Reservation.ReservationView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:product="clr-namespace:Pos.Features.ProductBrowser"
             xmlns:activity="clr-namespace:Pos.Features.ActivityBrowser"
             xmlns:addbysku="clr-namespace:Pos.Features.AddBySku"
             xmlns:client="clr-namespace:Pos.Features.ClientBrowser"
             xmlns:notes="clr-namespace:Pos.Features.Notes"
             xmlns:controls="clr-namespace:Pos.Views"
             xmlns:res="clr-namespace:Pos.Core;assembly=Pos.Core"
             Height="300" Width="300">
    <UserControl.Resources>
        <DataTemplate DataType="{x:Type product:ProductBrowserViewModel}">
            <product:ProductBrowserView/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type activity:ActivityBrowserViewModel}">
            <activity:ActivityBrowserView/>
        </DataTemplate>

        <CollectionViewSource x:Name="x" x:Key="ViewsCollection" Source="{Binding Views}"  />
    </UserControl.Resources>

    <StackPanel>
        <ListBox Name="ListBoxMenu" Grid.Column="0" Margin="5" ItemsSource="{Binding Source={StaticResource ViewsCollection}}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}" Padding="10"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <ContentControl Grid.Column="1" Content="{Binding ElementName=ListBoxMenu, Path=SelectedItem}"/>
        <ItemsControl  Grid.Column="2" Name="ViewList" ItemsSource="{Binding Source={StaticResource ViewsCollection}}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Button>
                        <TextBlock Text="{Binding Path=Name}" Name="txtButtonLabel" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Black"/>
                    </Button>
                </DataTemplate>                
            </ItemsControl.ItemTemplate>
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <UniformGrid Rows="1" Columns="{Binding Views.Count}"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>
        <ContentControl Grid.Column="3" Content="{Binding Source={StaticResource ViewsCollection}, Path=CurrentItem}"/>
        <Button Grid.Column="4" Click="Button_Click">dsadsd</Button>
    </StackPanel>
</UserControl>

Answer 1

你的按钮什么都不做。通常你的 ViewModel 会有一个名为 Select（或类似的东西）的 ICommand，Button 将被绑定到

Command="{Binding Select, ElementName="root"}"

然后您将实例传递给您想要选择的 ICommand

CommandParameter="{Binding}"

它看起来像这样（c#/XAML 类似伪代码）：

public class MyModel { public string Name {get;set;} }

public class MyViewModel
{
  public ObservableCollection<MyModel> Models {get;set;}
  public ICommand Select {get;set;}
  /* configure Models and Select etc */
}

<UserControl DataContext="{StaticResource MyViewModelInstance}" x:Name="root">
<ItemsControl ItemsSource="{Binding Models}">
  <ItemsControl.ItemTemplate>
    <ItemsPanelTemplate>
      <Button Text="{Binding Name}" 
      Command="{Binding Select, ElementName="root"}"
      CommandParameter="{Binding}"/>
   </ItemsPanelTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>
</UserControl>

ItemsControl 绑定到Models，因此Models 中的每个MyModel 都有一个按钮。按钮文本绑定到属性 Name。按钮命令绑定到 ViewModel 中的 Select 属性。当按钮被按下时，它调用 ICommand，发送按钮绑定的 MyModel 实例。

请注意，在 UserControl 中使用 ViewModel 是一种代码味道。 UserControls 应该像所有其他控件一样出现在用户面前——它们应该具有绑定到用户的 ViewModel 的可绑定公共属性，而不是您的。然后绑定到UserControl 中这些属性的值。对于此示例，您将在 UserControl 上定义一个 ItemsSource 属性，ItemsControl 将绑定到该属性而不是直接绑定到 ViewModel。

Answer 2

我认为你必须在代码隐藏中手动完成。

XAML

<Button Click="ViewListButton_Click">
    <TextBlock Text="{Binding Path=Name}" Name="txtButtonLabel" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Black"/>
</Button>

代码隐藏

private void ViewListButton_Click(object sender, RoutedEventArgs e)
{
    Button button = sender as Button;
    ICollectionView view = CollectionViewSource.GetDefaultView(ViewList.ItemsSource);
    view.MoveCurrentTo(button.DataContext);
}

如果您使用 MVVM 模式和/或不想使用代码隐藏，您可以按照 Will 的建议将按钮的 Command 绑定到 ViewModel 中的命令