在ObservableCollection中绑定ObservableCollection

时间:2016-08-17 10:16:22

标签: c# data-binding observablecollection

我已经对这个问题做了很多搜索,但我仍然无法弄清楚我的项目有什么问题。流程是这样的:
我想绑定一个View Model。此视图模型包含observablecollection,其中包含observablecollection。 现在我可以在没有问题的情况下绑定到两个observablecollection,但是当我部署它时,其他observablecollection内的数据不会显示。

以下是我的代码:

项目/型号/ SubProduct.cs

class SubProducts
{
    private string subName;

    public string SubName
    {
        get
        {
            return subName;
        }

        set
        {
            subName = value;
        }
    }
}

项目/型号/ Product.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;
        }
    }
}

项目/型号/ Category.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;
        }
    }
}

这是实现模型的视图模型: 项目/视图模型/ 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中使用View模型,页面是:

<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. 这样做的正确方法是什么?
  4.   
  5. 为什么运行应用时数据不显示?
  6.   

我是C#WinRT开发的新手,所以任何建议都将受到赞赏。 以下是截图:

Screenshot

1 个答案:

答案 0 :(得分:0)

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