如何填充项目模板中的列表框

Question

我刚刚学习 XAML 和 Windows Phone 7 编程。 我正在尝试为 WP7 Pivot Control 创建项目模板。我能够制作一个包含列表框的模板。是否可以在代码隐藏中访问此列表框，以便我可以根据自定义类的集合填充它？基本上它的工作原理是我有一个枢轴控件，并且该控件中的每个项目都是一个类别。对于添加的每个类别，都有一个属于该类别的项目列表。我需要能够使用该类别的项目填充每个枢轴项目上的列表。

我搜索了有关如何实现此目的的想法，并且获得了很多有关数据绑定的示例，但我不太熟悉数据绑定在 XAML 中的工作原理。

数据绑定是可行的方法还是我可以以某种方式获取对列表框的引用并自己添加项目？ 任何帮助将不胜感激！

谢谢

Answer 1

我对这个主题有一些考虑：

1）如果您通过绑定填充类别列表，那么您就没有保证完成绑定的入口点（因为绑定以延迟方式执行）。

2) 与 DataTemplate 方法相比，使用 ItemTemplate 的内容更加棘手和不可靠，您应该仅在独占情况下使用它。 LogicalTreeHelper 和 VisualTreeHelper 类将为您提供帮助。

3) 但我建议您基于 DataTemplates 构建视图，因为这是 WPF 中的常见做法。你真的认为这段代码相当复杂吗？

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow">
<Window.Resources>
    <DataTemplate x:Key="InnerItemDataTemplate">
        <TextBlock Text="{Binding Name}"/>
    </DataTemplate>

    <DataTemplate x:Key="CategoryDataTemplate">
        <StackPanel>
            <ListView ItemsSource="{Binding InnerItems}"
                      ItemTemplate="{StaticResource InnerItemDataTemplate}"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>
<Grid>
    <ListView ItemsSource="{Binding Categories}"
              ItemTemplate="{StaticResource CategoryDataTemplate}"/>
</Grid>

public class Category
{
    public IEnumerable<InnerItem> InnerList
    {
        get{/*...*/}
    }
}

class InnerItem
{
    public string Name
    {
        get{/*...*/}
    }
}

public class SampleModel
{
    public IEnumerable<Category> Categories
    {
        get {/*...*/}
    }
}  

Answer 2

如果您创建一个新的“Windows Phone Pivot 应用程序”，默认代码将显示此示例，但会在多个数据透视项中重用列表框中的相同项目。

以下概述了该示例代码的用途以及如何更改它。

在 MainPage 的构造函数中，DataContext 设置为一个对象 (App.ViewModel)。

MainPage 的此 Loaded 事件可确保填充 App.ViewModel。

App.ViewModel 是 MainViewModel 的实例。

MainViewModel 包含一个名为“Items”的 ObservableCollection。正是它绑定到 PivotItem 中的单个 ListBox：

<controls:PivotItem Header="first">
    <ListBox ItemsSource="{Binding Items}">
        ...
    </ListBox>
</controls:PivotItem>

在 ListBox 中，您可以引用“Items”集合的内容。

如果您想调整它以使每个 ListBox/PivotItem 具有不同的集合，您只需调整它即可在 MainViewModel 中具有多个集合。

HTH。