1

使用 MVVM 将 ListBox 的项目绑定到 ViewModel 时是否有约定？

在下面的 XAML 中，我正在创建一个按钮列表框。ListBox 绑定到我的 ViewModel 中的一个可观察集合。然后我想将按钮的 Command 属性绑定到 ICommand。问题是当我添加该绑定时，我绑定的是数据对象，而不是 ViewModel。

我只是将 MyListOfDataObjects 属性更改为 ViewModel 列表吗？如果是这样，我在哪里实例化这些新对象？我更喜欢使用依赖注入，因为它们将有几个依赖项。我是否更改 GetData lambda？

一般来说：这里有什么好的做法？我找不到这种情况的任何例子，尽管我认为它很常见。

我正在使用 MVVMLight 框架，但我愿意查看任何其他框架。

<Window x:Class="KeyMaster.MainWindow"
        DataContext="{Binding Main, Source={StaticResource Locator}}">

    <Window.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="MyDataTemplate">
                <Button Command="{Binding ButtonPressedCommand}"
                        CommandParameter="{Binding .}"
                        Content="{Binding Name}" />
            </DataTemplate>
        </ResourceDictionary>
    </Window.Resources>

    <Grid x:Name="LayoutRoot">
        <ListBox ItemsSource="{Binding MyListOfDataObjects}"
                 ItemTemplate="{StaticResource MyDataTemplate}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"
                                IsItemsHost="True" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ListBox>
    </Grid>
</Window>

我正在使用标准的 MVVMLight ViewModel：

using GalaSoft.MvvmLight;
using KeyMaster.Model;
using System.Collections.ObjectModel;

namespace KeyMaster.ViewModel
{
    public class MainViewModel : ViewModelBase
    {
        private readonly IDataService _dataService;
        private ObservableCollection<MyData> _myListOfDataObjects;

        public MainViewModel(IDataService dataService)
        {
            _dataService = dataService;
            _dataService.GetData(
                (item, error) =>
                {
                    if (error != null)
                    {
                        return;
                    }

                    MyListOfDataObjects = new ObservableCollection<MyData>(item);
                });
        }

        public ObservableCollection<MyData> MyListOfDataObjects
        {
            get { return _myListOfDataObjects; }
            set
            {
                if (_myListOfDataObjects == value) return;

                _myListOfDataObjects = value;
                RaisePropertyChanged(() => MyListOfDataObjects);
            }
        }
    }
}

谢谢。

4

2 回答 2

0

我会说这取决于您想要按键功能的位置。如果它总是与 MyData 对象相关，那么（如果可能的话）将 Command 放在 MyData 对象中是否不合适？（ps。我不会仅仅因为您向它们添加命令属性而调用您的 MyData 对象 ViewModels，因为它们与视图无关）

或者，如果您想要 VM 中的命令，那么您可以尝试使用窗口的数据上下文绑定命令。即类似的东西；

<Button Command="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.ButtonPressedCommand}"
                    CommandParameter="{Binding .}"
                    Content="{Binding Name}" />

尽管我过去曾遇到过麻烦，但我将命令添加到单个对象中。

于 2013-01-02T00:13:12.913 回答
0

在 MVVM 中，原始数据（也称为 Model）和 ViewModel 之间有明显的分离。ViewModel 负责解析数据，甚至在将数据传递给 View 之前将其修改为所需的任何形式。

一个简单的例子是将模型作为 XML 并让 ViewModel 解析它，只从每个元素中获取特定属性（例如“ Name”）并将它们添加到列表中。只有这个列表会显示在视图中。

也就是说，我想你可以看到我要去哪里 - 命令应该在 ViewModel中而不是在 Model 中。正如您自己所说，您应该将尽可能多的 UI 逻辑排除在 VM 和模型之外。

如果您有一个特定命令对某种类型的数据执行特定操作，您可以希望它在更“通用”类型的 ViewModel 中，您可以使用CanExectue仅在特定情况下允许此命令。但是，该命令仍应位于 ViewModel 中。

在您的特定情况下，我认为 ViewModel 中的命令没有问题，并且当它被提出时，它将对您的数据执行任何您需要的操作。您不需要 ViewModel 列表，您只需要一个。

于 2013-01-02T08:46:29.550 回答