单击哪个按钮 DataTemplate WPF MVVM

Question

我的问题是如何知道点击了哪个按钮。我的按钮绑定到 ObservableCollection 类型的属性，该属性包含 Item 类型的对象，当单击按钮时，我需要在 ViewModel 中使用该对象。任何想法如何知道单击了哪个按钮？我有几个想法，比如发送多个命令参数（1.SelectedItems from ListBox 2.The Object from the button）或在单击按钮后将按钮中的对象绑定到 ViewModel 中的另一个 Item 类型的属性以使用它.任何想法都会受到赞赏。

我有这个用于按钮的 DataTemplate

<DataTemplate x:Key="ButtonTemplate">
            <WrapPanel>
                <Button x:Name="OrderButton"
                        FontSize="10"
                        Height="80" Width="80"
                        Content="{Binding Name}"
                        Command="{Binding OrderCommand, 
                                          Source={StaticResource OrderViewModel}}"
                        CommandParameter="{Binding ElementName=ListBoxUserControl, Path=SelectedItems}">
                </Button>
            </WrapPanel>
</DataTemplate>

我的视图模型

public class OrderViewModel : ObservableCollection<Order>, INotifyPropertyChanged
{ 
   public CreateOrderCommand CreateOrderCommand { get; set; }
   public ObservableCollection<Item> Data { get; set; }

 public OrderViewModel()
    {
        this.CreateOrderCommand = new CreateOrderCommand(this);
        DataObservableCollection data= new DataObservableCollection();
        Data = data;
    }
}

我像这样填充我的按钮

<WrapPanel x:Name="OrderButtons">
            <ItemsControl   ItemTemplate="{StaticResource ButtonTemplate}"
                            ItemsSource="{Binding Data, Source={StaticResource OrderViewModel}}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal">
                        </WrapPanel>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
    </WrapPanel>

Answer 1

如果您希望按钮的数据上下文（即来自您的项目源的项目）作为命令参数，只需将 Button.CommandParameter 绑定更改为 CommandParamter="{Binding}"，或者， CommandParameter="{Binding RelativeSource={RelativeSource Self}}" 如果您想要实际点击的按钮。

Answer 2

首先使用 CommandParameter 发送 Button DataContext。要发送 Listbox 的 SelectedItem，您可以使用

<Listbox SelectedItem="{Binding SelectedItem}"/> 

在您的列表框中，并在您的 ViewModel 中创建一个 SelectedItem 属性。

private YourItemObject mySelectedItem;
    public YourItemObject SelectedItem
    {
        get { return mySelectedItem; }

        set
        {
             value = mySelectedItem
        }

现在，当 Button 获得 clicket 时，您可以在 ViewModel 中使用 SelectedItem。如果您有多个选择，它会变得有点棘手;）。

private ButtonClicked(Parameter object)
{
   SelectedItem.UsingIt();
   if(object is YourButtonDataContext){
        YourButtonDataContext.UsingIt();
   }
}

使用多选更新：

使用多选，您必须创建自己的列表框。

public class CustomListBox : ListBox
{
    public CustomListBox()
    {
        this.SelectionChanged += CustomListBox_SelectionChanged;
    }

    void CustomListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        this.SelectedItemsList = this.SelectedItems;
    }
    #region SelectedItemsList

    public IList SelectedItemsList
    {
        get { return (IList)GetValue(SelectedItemsListProperty); }
        set { SetValue(SelectedItemsListProperty, value); }
    }



    public static readonly DependencyProperty SelectedItemsListProperty =
            DependencyProperty.Register("SelectedItemsList", typeof(IList), typeof(CustomListBox), new PropertyMetadata(null));


    #endregion
}

在 ViewModel 中，您必须拥有一个带有 SelectedItems 的属性。

private IList mySelectedData = new List<SelectedDataObject>();
    public IList SelectedData
    {
        get { return mySelectedData ; }

        set
        {
            if (mySelectedData != value)
            {
                mySelectedData = value;
                RaisePropertyChanged(() => SelectedData);
            }
        }
    }

XAML 如下所示：

<local:CustomListBox ItemsSource="{Binding YourList}" SelectionMode="Extended" SelectedItemsList="{Binding SelectedData, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
    ...
</local:CustomListBox>

DataGrid 中多选的来源是：https://stackoverflow.com/a/22908694/3330227