在 ObservableCollection 中绑定 ObservableCollection

Question

我已经对这个问题进行了很多搜索，但仍然无法弄清楚我的项目出了什么问题。流程是这样的：
我想绑定一个视图模型。该视图模型包含

observablecollection

，其中有

observablecollection

。 现在，我可以在开发时毫无问题地绑定到两个

observablecollection

，但是当我部署它时，另一个

observablecollection

内的数据没有显示。

下面是我的代码：

项目/模型/子产品.cs

class SubProducts
{
    private string subName;

    public string SubName
    {
        get
        {
            return subName;
        }

        set
        {
            subName = value;
        }
    }
}

项目/模型/产品.cs

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;
        }
    }
}

项目/模型/类别.cs

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;
        }
    }
}

这是实现模型的视图模型： 项目/ViewModel/CategoryViewModel.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

您应该继承自 Category 类而不是 ObservableCollection。 另外，我认为 Category 类中没有 SubProductsSaProducts 属性，因为您将页面绑定到继承自 ObservableCollection

的 CategoryViewMode