c# - 试图让 Windows Phone 8 ListPicker 工作

Question

ListPicker 功能，我可以单击它并出现全屏弹出窗口，但有可供选择的选项。

我的 xaml:

                <toolkit:ListPicker ExpansionMode="FullScreenOnly" FullModeHeader="Select Module" Name="modulePicker">
                    <toolkit:ListPicker.ItemTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <TextBlock Text="{Binding moduleNumber}"/>
                            </StackPanel>
                        </DataTemplate>
                    </toolkit:ListPicker.ItemTemplate>
                    <toolkit:ListPicker.FullModeItemTemplate>
                        <DataTemplate>
                            <StackPanel">
                                <TextBlock Text="{Binding moduleNumber}"/>
                            </StackPanel>
                        </DataTemplate>
                    </toolkit:ListPicker.FullModeItemTemplate>
                </toolkit:ListPicker>

它背后的 C# 包括:

String[] moduleNumber = { "AA1", "AA2", "AA3" };

和

    public MainPage()
    {
        InitializeComponent();
        this.modulePicker.ItemsSource = moduleNumber;
    }

那么我需要怎么做才能让moduleNumber中列出的字符串显示在ListPicker上呢？

如果您需要了解更多信息，请询问。

Answer 1

后面的代码没问题。这是一个 xaml 问题。在您的 xaml 文件中试试这种方法。

1) 将您的数据模板定义为 PhoneApplicationPage 资源，它从后面的代码绑定(bind)到 moduleNumber 数组。

2) 然后将您的列表选择器绑定(bind)到模板。

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Name="modulePickerItemTemplate">
        <StackPanel>
            <TextBlock Text="{Binding moduleNumber}"/>
        </StackPanel>
    </DataTemplate>
    <DataTemplate x:Name="modulePickerFullItemTemplate">
        <StackPanel>
            <TextBlock Text="{Binding moduleNumber}"/>
        </StackPanel>
    </DataTemplate>
</phone:PhoneApplicationPage.Resources>


<toolkit:ListPicker ExpansionMode="FullScreenOnly" FullModeHeader="Select Module" 
                    Name="modulePicker"
                    FullModeItemTemplate="{Binding modulePickerFullItemTemplate}" 
                    ItemTemplate="{Binding modulePickerItemTemplate}" />