将数据绑定到ListView for Windows 8应用程序

时间:2014-06-19 09:31:27

标签: c# .net xaml listview windows-store-apps

我希望有些人可以帮我解决这个问题,因为它让我很生气。我正在为工作中的项目编写原型应用程序,它也是我的第一个Windows 8应用程序。我想要做的就是获取一个ListView控件来显示集合中的一些信息,我已经包含了下面的所有代码。我似乎无法使用我真正想要显示的集合,但如果我创建一个测试类和集合,我可以显示那么好,代码也包括在内。我完全被这一个困惑所以它一定是我想念的东西,可能没有看到树木。

任何指针都会受到赞赏。

测试代码(工作正常):

代码背后:

public class Person
{
    public string Firstname { get; set; }
    public string Surname { get; set; }
}

private List<Person> GetPeople()
    {
        var people = new List<Person>();

        people.Add(new Person() { Firstname = "John", Surname = "Smith" });
        people.Add(new Person() { Firstname = "Tom", Surname = "Jones" });
        people.Add(new Person() { Firstname = "Barry", Surname = "Thomas" });

        return people;
    }

protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        OrdersListView.DataContext = this.GetPeople();
    }

XAML:

    <ListView x:Name="OrdersListView" HorizontalAlignment="Center" VerticalAlignment="Center" ItemsSource="{Binding}" Width="auto" Height="auto">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Margin="2">
                    <TextBlock Text="Name: " Margin="2" />
                    <TextBlock Text="{Binding Firstname}" Margin="2" />
                    <TextBlock Text="{Binding Surname}" Margin="2" />
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

实际代码(无显示):

代码背后:

private async Task<List<Order>> LoadData()
    {
        const string serviceUrl = "http://localhost:54879/";

        var client = new HttpClient
                     {
                         BaseAddress = new Uri(serviceUrl)
                     };

        HttpResponseMessage response = await client.GetAsync("api/orders");
        var orders = await response.Content.ReadAsAsync<Order[]>();

        return orders.ToList();
    }

protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        OrdersListView.DataContext = this.LoadData();
    }

XAML:

<ListView x:Name="OrdersListView" HorizontalAlignment="Center" VerticalAlignment="Center" ItemsSource="{Binding}" Width="auto" Height="auto">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Margin="2">
                    <TextBlock Text="Order Ref: " Margin="2" />
                    <TextBlock Text="{Binding OrderReference}" Margin="2" />
                    <TextBlock Text="Name: " Margin="2" />
                    <TextBlock Text="{Binding Firstname}" Margin="2" />
                    <TextBlock Text="{Binding Surname}" Margin="2" />
                    <TextBlock Text="Address: " Margin="2" />
                    <TextBlock Text="{Binding Address1}" Margin="2" />
                    <TextBlock Text="{Binding Address2}" Margin="2" />
                    <TextBlock Text="{Binding TownCity}" Margin="2" />
                    <TextBlock Text="{Binding Country}" Margin="2" />
                    <TextBlock Text="{Binding Postcode}" Margin="2" />
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

1 个答案:

答案 0 :(得分:1)

您必须将await放在LoadData()上,才能将DataContext设置为Task的结果。

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    OrdersListView.DataContext = await this.LoadData();
}