如何在商店应用中绑定列表

Question

我在商店应用中的绑定列表有问题。

public class Category
{
    public Category(int id, string name)
    {
        this.ID = id;
        this.Name = name;
    }

    public int ID { get; set; }
    public string Name { get; set; }
}

我创建了 ColllecionViewSource 和 GridView

<CollectionViewSource x:Name="CategoriesViewSource" IsSourceGrouped="True"/>
<GridView ItemsSource="{Binding Source={StaticResource CategoriesViewSource}}" >
            <GridView.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding Name}"></TextBlock>
                        <TextBlock Text="{Binding ID}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>

在我的页面的构造函数中，我将类别列表添加到 CollectionViewSource

public HubPage()
{
    this.InitializeComponent();
    this.navigationHelper = new NavigationHelper(this);
    this.navigationHelper.LoadState += navigationHelper_LoadState;
List<Category> test = new List<Category>();
test.Add(new Category(1, "two"));
CategoriesViewSource.Source = test;
}

但它不起作用......我做错了什么？

Answer 1

我认为主要问题是使用 x:Name 属性而不是应该使用的 x:Key -What's the difference between x:Key and x:Name in WPF?（它适用于 wpf，但 xaml 和控件对于 win 商店应用程序几乎相同）

<CollectionViewSource x:Key="CategoriesViewSource" IsSourceGrouped="True"/>

编辑

好吧，实际上我有点困惑，因为resource by key 和其他与 WPF XAML 有关的文档说x:Key 应该用于资源，而this WinRT XAML example on MSDN 显示了x:Name 的等效用法

但是MSDN also says:

一般来说，x:Name 不应该应用在同时使用 x：键。特定现有框架的 XAML 实现具有 在 x:Key 和 x:Name 之间引入了替换概念，但那是 不推荐的做法。

所以，现在我不确定这是问题的根源。

编辑：

尝试

HubPage: Page, INotifyPropertyChanged
{
    private void OnPropertyChanged(string propName)
    { if (this.PropertyChanged != null)
          this.PropertyChanged(this, new PropertyChangedEventArgs(propName)); }

    ...

    public HubPage()
    {
        this.InitializeComponent();
        this.navigationHelper = new NavigationHelper(this);
        this.navigationHelper.LoadState += navigationHelper_LoadState;
        List<Category> test = new List<Category>();
        test.Add(new Category(1, "two"));

         this.Categories = new ObservableCollection<Category>(test);
    }

    private ObservableCollection<Category> _Categories;

    ObservableCollection<Category> Categories
    {
        get {return this._Categories;}
        private set 
        {
            this._Categories = value;
            this.OnPropertyChanged("Categories");
        }
     }
}

   <Page DataContext="{Binding RelativeSource={RelativeSource Self}}" 
   ...
   <GridView ItemsSource="{Binding Categories}" >
            <GridView.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding Name}"></TextBlock>
                        <TextBlock Text="{Binding ID}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </GridView.ItemTemplate>
   </GridView>

页面是 XAML 中的主要元素。