来自 ItemsControl 项目的 RelayCommand 发送者

Question

我一直在使用 MVVM 的 RelayCommand 成功地将操作绑定到 XAML，但我的 ItemsControl 遇到了一个小问题。

    <ItemsControl ItemsSource="{Binding Devices}" >
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid Width="100" Margin="4" >
                    <Button Command="{Binding Path=SelectDeviceCommand}" >
                        <Grid>
                            <Image Source="img_small.png"></Image>
                            <Image Source="{Binding Path=Logo}" />
                        </Grid>
                    </Button>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

在我的视图模型中：

    public RelayCommand SelectDeviceCommand { get; set; }
    private ObservableCollection<Device> Devices;

    Devices = CreateListOfDevices();

    private void InitializeCommands()
    {
        SelectDeviceCommand = new RelayCommand((s) => MessageBox.Show(s.ToString()));
    }

如何在视图模型中定义 SelectDeviceCommand 以接收绑定到该项目的对象？

我的 SelectDeviceCommand 甚至没有被调用...（但我猜是因为我需要使我的设备成为迷你视图模型并在其中实现 SelectDeviceCommand，对吗？）

Answer 1

如果您像在 MVVM Light 应用程序中一样使用 ViewModelLocator，则可以从 DataTemplate 中获取对 MainViewModel 的引用，

<Button Command="{Binding Main.SelectDeviceCommand, Source={StaticResource Locator}}">

我发现这种方式比 ElementName 更清晰，但当然它假设 Main 属性在定位器中可用，并且另外 MainviewModel 被实例化为单例。显然，这并不总是可能的。在这种情况下，我认为 ElementName 解决方法是可以接受的。

在WPF中，您还可以使用Mode=FindAncestor的RelativeSource，但我发现它更混乱;)

关于“如何在视图模型中定义我的SelectDeviceCommand以便接收绑定到该项目的对象？”的问题，我不能 100% 确定我理解这个问题，但如果您想获取 DataTemplate 表示的项目（在本例中为设备），您应该使用 CommandParameter：

<Button Command="{Binding Main.SelectDeviceCommand, Source={StaticResource Locator}}"
        CommandParameter="{Binding}"}">

干杯，
洛朗

Answer 2

是的，这个我已经打过了。我见过一些人使用自定义的“CommandReference”类来解决这个问题，他们将其作为资源添加到窗口中，但我无法让它工作。

最后，我使用元素绑定回窗口（或页面）本身，因为 ViewModel 是窗口的 DataContext。首先，为您的窗口（或页面）命名：

<Window ...
    x:Name="me" />

然后直接绑定到窗口的数据上下文，如下所示：

<Button Command="{Binding DataContext.SelectDeviceCommand,ElementName=me}">

这对我有用。虽然很乱，但我认为它很可读。

Answer 3

我有一个 usercontrol(x:Name="ControlClass") 并且它位于模板内，它不适用于 xaml
我这样称呼它

<Button Content="New1" Command="{Binding DataContext.NewTabCommand,ElementName=ControlClass}"/>



namespace Doit_Project.Modules.Tasks.ViewModels
{
    [Export]
    public class WindoTabViewModel : Doit_ProjectViewModelBase
    {
        public WindoTabViewModel()
        {

        }

        private RelayCommand _newTabCommand;
        public RelayCommand NewTabCommand
        {
            get { return _newTabCommand ?? (_newTabCommand = new RelayCommand(OnNewTab)); }
        }

        public void OnNewTab()
        {

        }
    }
}