如何将数据绑定到多列列表框WP8.1

Question

这是我下面的XAML代码。在我的主要课程中，我只是将一个营业量项目添加到

ListBox

。

，我是否需要在XAML代码中引用完成类别？如果是，我该怎么做？

ListBox

thanks！

-johan

llets说您的

completeTation

是一个实现

ListBox

的

<ListBox Name="listBoxStations" FontSize="20" Grid.Row="1">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Width="480" Background="#e6e6e6" Margin="0,10">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Station}"/>
                <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Distance}"/>
                <TextBlock Grid.Row="0" Grid.Column="2" Text="{Binding Price}"/>
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

，然后XAML应如下

ObservableCollection

您的模型：

Answer 1

您的ViewModel：

<ListBox Name="listBoxStations" ItemSource={Binding CompleteStation} FontSize="20" Grid.Row="1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid Width="480" Background="#e6e6e6" Margin="0,10">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Station}"/>
                        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Distance}"/>
                        <TextBlock Grid.Row="0" Grid.Column="2" Text="{Binding Price}"/>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

然后，

在您的UI，“视图”中，您实例化视图模式并将其设置为视图的dataContext。

public sealed class CommpleteStation
{
  public string Station{get;set;}
  public string Distance{get;set;}
  public string Price{get;set;}
}