c# - 如何向 ItemsControl 中的 WPF 按钮添加相同的命令

Question

如何将命令添加到属于 ItemsControl 一部分并修改 ItemsSource 本身的 wpf 按钮？

这是我的 XAML:

<ItemsControl ItemsSource="{Binding PluginVMs}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <Button x:Name="btnStampDuplicate" 
                        Content="Duplicate this control"
                        Command="{Binding ?????????}"/>
                <!-- other stuff -->
            </StackPanel>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

这是我的 View 模型:

public ObservableCollection<PluginViewModel> PluginVMs
{
    get { return _pluginVMs; }
    set
    {
        if (_pluginVMs != value)
        {
            _pluginVMs = value;
            NotifyPropertyChanged("PluginVMs");
        }
    }
}

如您所见，PluginVMs 是 PluginViewModel 的集合。所以我知道从 btnStampDuplicate 中可用的命令应该在 PluginViewModel 内部实现。

但是，正如名称重复所示，我想在 PluginVMs 内复制当前生成的 PluginViewModel。为 btnStampDuplicate 提供此类功能的最佳方法是什么？

Answer 1

没有必要在每个项目中都有一个命令。您可以使用 CommandParameter 传递一个重复源的项目

在 DataTemplate 内部使用 ElementName 绑定(bind)命令来访问更高级别的 DataContext

查看

<ItemsControl Name="ListPlugins" ItemsSource="{Binding PluginVMs}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <Button x:Name="btnStampDuplicate" 
                        Content="duplicate"
                        CommandParameter={Binding Path=.}
                        Command="{Binding Path=DataContext.DupeCmd, ElementName=ListPlugins}"
                />
                <!-- other stuff -->
            </StackPanel>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

View 模型

public class Vm
{
    public ObservableCollection<PluginViewModel> PluginVMs
    {
        get { return _pluginVMs; }
        set
        {
            if (_pluginVMs != value)
            {
                _pluginVMs = value;
                NotifyPropertyChanged("PluginVMs");
            }
        }
    }

    public ICommand DupeCmd { get; private set; }
}