将ObservableCollection绑定到ObservableCollection中

Question

我已经做了很多关于这个问题的搜索，但是我仍然不知道我的项目有什么问题。流程是这样的：

我想绑定一个视图模型。此视图模型包含observablecollection，其中包含一个observablecollection。现在，我可以在没有问题的情况下绑定到两个observablecollection，但是当我部署它时，其他observablecollection中的数据就不会显示出来。

下面是我的代码：

Project/Model/SubProduct.cs

class SubProducts
{
    private string subName;

    public string SubName
    {
        get
        {
            return subName;
        }

        set
        {
            subName = value;
        }
    }
}

项目/模型/产品

public class Product
{
    private string name;

    public string Name
    {
        get
        {
            return name;
        }

        set
        {
            name = value;
        }
    }
    private ObservableCollection<SubProducts> subProductsSaProducts;
    internal ObservableCollection<SubProducts> SubProductsSaProducts
    {
        get
        {
            return subProductsSaProducts;
        }

        set
        {
            subProductsSaProducts = value;
        }
    }
}

项目/模型/类别

class Category
{
    private string title;
    public string Title
    {
        get
        {
            return title;
        }

        set
        {
            title = value;
        }
    }
    private ObservableCollection<Product> subProducts;
    public ObservableCollection<Product> SubProducts
    {
        get
        {
            return subProducts;
        }

        set
        {
            subProducts = value;
        }
    }
}

这是实现模型的视图模型:Project/ViewModel/gamoryViewModel.cs

class CategoryViewModel : ObservableCollection<Category>
{
    public CategoryViewModel()
    {
        ObservableCollection<Product> pCOl1 = new ObservableCollection<Product>();

        ObservableCollection<SubProducts> pCol1Sub = new ObservableCollection<SubProducts>();
        SubProducts subP1 = new SubProducts();
        subP1.SubName = "Lansang";
        SubProducts subP2 = new SubProducts();
        subP2.SubName = "Lata";
        pCol1Sub.Add(subP1);
        pCol1Sub.Add(subP2);

        Product p1 = new Product();
        p1.Name = "Pothaw";
        p1.SubProductsSaProducts = pCol1Sub;
        pCOl1.Add(p1);

        ObservableCollection<Product> pCOl2 = new ObservableCollection<Product>();
        Product p2 = new Product();
        p2.Name = "Taklob sa COke";
        pCOl2.Add(p2);

        Add(new Category()
        {
            Title = "Didang",
            SubProducts = pCOl1
        });
        Add(new Category()
        {
            Title = "Plastic",
            SubProducts = pCOl2
        });
    }
}

我使用xaml中的视图模型是页面：

<Page.DataContext>
    <vm:CategoryViewModel/>
</Page.DataContext>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <FlipView x:Name="flipView" HorizontalAlignment="Left" VerticalAlignment="Top" Width="360" ItemsSource="{Binding}" Background="#19B0F100">
        <FlipView.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Foreground="Black" FontSize="30" Text="{Binding Title}"/>
                    <ListView ItemsSource="{Binding SubProducts}" Background="#FF0C0909" Height="600">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Vertical">
                                    <TextBlock Foreground="Red" FontSize="30" Text="{Binding Name}"/>
                                    <ListView  ItemsSource="{Binding SubProductsSaProducts}" Margin="30,0,0,0" Background="#FF933131" Height="197" Width="300">
                                        <ListView.ItemTemplate>
                                            <DataTemplate>
                                                <TextBlock Foreground="Yellow" FontSize="20" Text="{Binding SubName}"/>
                                            </DataTemplate>
                                        </ListView.ItemTemplate>
                                    </ListView>
                                </StackPanel>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackPanel>
            </DataTemplate>
        </FlipView.ItemTemplate>
    </FlipView>
</Grid>

现在，预期的数据显示在开发模式。换句话说，数据只在不运行应用程序时显示。

我的问题是：

1. 我的装订有什么问题？
2. 正确的方法是什么？
3. 为什么当我运行应用程序时，数据没有显示出来？

我是C# WinRT开发的新手，所以任何建议都将不胜感激。下面是截图：

​

​

Answer 1

应该从类别类继承，而不是从ObservableCollection继承。此外，我认为类别类中没有SubProductsSaProducts属性，因为您将页面绑定到从ObservableCollection继承的CategoryViewMode