ListPicker 无法与 MVVM Light 一起使用

Question

我正在构建一个简单的windown Phone 7 Page。我正在执行 MVVM（使用 MVVM light）并将 List 类型属性绑定到 ListPicker。此属性在名为 AddExpenseViewModel 的视图模型中定义，如下所示

public class AddExpenseViewModel:ViewModelBase 
{
    public List<Category> Categories
    {
        get { return categories; }
        set
        {
            categories = value;
            RaisePropertyChanged("Categories");
        }
    }
}

Category 类定义为

public class Category
{
    public string Name { get; set; }
}

在我的 XAML 中，我首先将资源定义为

>

然后将包含 ListPicker 的网格的 DataContext 设置为

<Grid x:Name="ContentPanel" 
              Grid.Row="1" 
              Margin="13,1,11,-1" 
              DataContext="{Binding Path=AddExpenseViewModel, 
                                    Source={StaticResource ViewModelLocator}}">

这里是我的 ListPicker 的 XAML >

<toolkit:ListPicker 
            HorizontalAlignment="Left" 
            Height="50" 
            Width="200" 
            Grid.Row="2" 
            Grid.Column="1" 
            DataContext="{Binding AddExpenseViewModel}"
            ItemsSource="{Binding Path=Categories, Mode=OneWay}" >
            <toolkit:ListPicker.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Border Background="LightGreen" Width="*" Height="*">
                            <TextBlock Text="{Binding Name}"></TextBlock>
                        </Border>
                    </StackPanel>
                </DataTemplate>
            </toolkit:ListPicker.ItemTemplate>
</toolkit:ListPicker>`

这不起作用。 ListPicker 始终为空。我在这里做错了什么吗？

Answer 1

运行应用程序时，您是否在输出中看到任何 Xaml 绑定错误？

如果您在父元素（您的网格）上执行此操作，则不必在 ListPicker 上绑定 DataContext。这可能是您的问题，但绑定错误应该提供一些详细信息。

Answer 2

经过大量的救火工作后，我自己解决了这个问题。这是我为了让它工作而进行的更改，

我引入了一个新类，如下所示

public class Categories : ObservableCollection<Category>
{
}

然后我更改了 AddExpenseViewModel 上的属性类别，如下所示

public Categories Categories
{
    get { return categories; }
    set
    {
        categories = value;
        RaisePropertyChanged("Categories");
   }
}
private Categories categories;

然后我更改了 listpicker 上的 ItemsSource，因为

ItemsSource="{Binding Path=Categories}"

这已经使它工作了。

Answer 3

让资源的密钥与类型相同可能是问题所在。您可以更改大小写或完全重命名。

尝试：

<bs:ViewModelLocator x:Key="locator" /> 

并且

DataContext="{Binding AddExpenseViewModel, Source={StaticResource locator}}"

您也不应该需要将 Grid 和 ListPicker 的 DataContext 设置为相同的内容。如果您只在 ListPicker 中使用 VML，我也不会在网格上设置它。

您应该使用 TwoWay 与 ListPicker 绑定，因为它需要跟踪所选项目