将所选项目绑定到视图模型

Question

将 ListBox selectedItem 绑定到我的 ViewModel 需要什么？ 视图模型 SelectedClient 始终为空。

通过名为 ClientClickedCommand 的命令成功调用 ClientSelected。但是当我尝试在 ClientSelected 方法中访问视图模型 SelectedClient 时，它的 null 并引发异常。

XAML

<ListBox x:Name="lbSlaves" Width="300" Grid.Row="1"  ItemsSource="{Binding Slaves}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
             SelectedItem="{Binding SelectedClient, Mode=TwoWay}"
             >
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel  />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <CheckBox  IsChecked="{Binding Checked ,Mode=TwoWay}"/>
                    <Button 
                        Command="{Binding  ElementName=MainGrid, Path=DataContext.ClientClickedCommand}"                    
                        >
                        <TextBlock Text="{Binding MachineName, Mode=OneWay}" />
                    </Button>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

VIEVMODEL（绑定到 DataContext）

        private MyClient _selectedClient;
    public MyClient SelectedClient
    {
        get {
            return _selectedClient;
        }
        set
        {
            if (value != _selectedClient)
            {
                _selectedClient = value;
                NotifyPropertyChanged("SelectedClient");
            }
        }
    }

    public string _infoText;
    public string InfoText { 
        get {
        return _infoText;
    }
        set {
            if (value != _infoText)
            {
                _infoText = value;
                NotifyPropertyChanged("InfoText");
            }
        }
    }

    private void ClientSelected()
    {
        var message = " - " + SelectedClient.MachineName + " was clicked";
        InfoText += message;

    }

ClientClickedCommand = new Command(ClientSelected,  ()=>  true); 



  public ICommand ClientClickedCommand
        {
            get;
            set;
        }

更新：我现在尝试像这样通过 CommandParameter 绑定 SelectedClient

  <ListBox x:Name="lbSlaves" Width="600" Grid.Row="1" 
             ItemsSource="{Binding Slaves}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel  />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <WrapPanel Orientation="Horizontal" Width="150" Height="60">
                    <CheckBox  IsChecked="{Binding Checked ,Mode=TwoWay}"/>
                    <TextBlock Text="{Binding MachineName, Mode=OneWay}" />
                    <Button 
                        Content="Do something"  
                        Command="{Binding  ElementName=MainGrid, Path=DataContext.ClientClickedCommand}" 
                        CommandParameter="{Binding ElementName=MainGrid, Path=DataContext.SelectedClient, Mode=TwoWay}" />

                    <Button Content="Do another thing>" />

                </WrapPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Answer 1

按钮可能会吞下鼠标单击，但除此之外，您的 SelectedClient 属性所在的位置尚不清楚。它似乎在 MyClient 类中，而它应该在 Slaves 的同一级别。

编辑： 如果您想保留自己的按钮，请使用 CommandParameter，如下所示：

Command="{Binding  ElementName=MainGrid, Path=DataContext.ClientClickedCommand}" CommandParameter="{Binding}"

我不确定new Command (...) 的工作原理，但有些命令需要参数，所以下一部分应该是这样的：

private void ClientSelected(MyClient client)
{
    SelectedClient = client;
    var message = " - " + SelectedClient.MachineName + " was clicked";
    InfoText += message;

}

Answer 2

大多数人已经告诉过您这个问题 - 您的 ListViewItem 内的按钮正在消耗您的点击事件。当您将命令分配给按钮时，WPF 将在后台订阅按钮的单击事件。处理点击事件的默认行为是设置e.Handled = true;，这会导致其他由鼠标单击产生的事件停止工作。

您是否对SelectedClient 和命令分开使用还不太清楚。如果你只想知道用户点击了那个 ListViewItem，你可以不使用命令。

public MyClient SelectedClient
{
    get
    {
        return _selectedClient;
    }
    set
    {
        if (value != _selectedClient)
        {
            _selectedClient = value;
            ClientSelected();
            NotifyPropertyChanged("SelectedClient");
        }
    }
}

如果选择 ListViewItem 与按钮的目的不同，那么您需要考虑为什么每个 ListViewItem 需要一个按钮。从逻辑上讲，如果所有项目都需要做类似性质的事情，您可以将按钮放在 ListView 之外。这样，按钮就不会弄乱您的 ListView。