将Windows通用应用程序中的Hub Control中的数据与列表项绑定

时间:2014-10-26 05:42:21

标签: c# wpf xaml win-universal-app

您好我的列表定义如下

public class Article
{
    public string title { get; set; }
    public string author { get; set; }
    public string content { get; set; }
}
public static List<Article> articles = new List<Article>();

我使用异步方法从服务器获取xml数据并解析它。

private async void Button_Tapped(object sender, Windows.UI.Xaml.Input.TappedRoutedEventArgs e)
{
        //Progress Bar
        prg.Visibility = Visibility.Visible;

        string xml = string.Empty;            
        Uri url = new Uri("http://someurl.com/someting.php");
        HttpClient httpClient = new HttpClient();
        httpClient.DefaultRequestHeaders.TryAddWithoutValidation("Accept", "text/html,application/xhtml+xml,application/xml");
        var response = await httpClient.GetAsync(url);
        using (var responseStream = await response.Content.ReadAsStreamAsync())
        using (var streamReader = new StreamReader(responseStream))
        {
            xml = streamReader.ReadToEnd();
        }
        try
        {
            Debug.WriteLine("Parsing to start");
            string eve = "article";
            XDocument loadedData = XDocument.Parse(xml);
            foreach (var item in loadedData.Descendants(eve))
            {

                try
                {
                    Article c = new Article();
                    c.title = item.Element("title").Value;
                    c.author = item.Element("author").Value;
                    c.content = item.Element("content").Value;
                    articles.Add(c);
                }
                catch
                {
                    Debug.WriteLine("Failed");
                }

            }

            Debug.WriteLine("About to add items");
            articlelist.DataContext = articles;
            Debug.WriteLine("Items added");
        }
        catch
        {
            Debug.WriteLine("Parsing Failed");
        }
        prg.Visibility = Visibility.Collapsed;

}

以下是xaml UI元素

<Page
   x:Class="Airtrixz.MainPage"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="using:Airtrixz"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   mc:Ignorable="d"
   Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <ProgressBar Grid.Row="0" IsIndeterminate="True" Foreground="{StaticResource PhoneAccentBrush}" VerticalAlignment="Top" Height="16" x:Name="prg" Visibility="Collapsed"/>
        <TextBlock Text="Airtrixz" Margin="10,0,0,0" FontSize="30"/>

       <Hub Margin="0,50" Foreground="White">
           <HubSection Header="posts" x:Name="articlelist" >
               <DataTemplate>
                   <StackPanel Background="Transparent">
                    <TextBlock Foreground="White" Text="{Binding title}" Height="25" />
                    <TextBlock Foreground="White" Text="{Binding author}" Height="25"/>
                    <TextBlock Foreground="White" Text="{Binding content}" Height="25"/>
                </StackPanel>
               </DataTemplate>

            </HubSection>
        </Hub>

       <Button Width="100" Margin="10,10,0,0" VerticalAlignment="Bottom" Height="50" Tapped="Button_Tapped" Content="Load"/>
    </Grid>
</Page>

articlelist.DataContext=articles似乎没问题。但是没有显示列表项,并且它在HubSection

中为标题,内容和作者属性提供了以下错误

错误:BindingExpression路径错误:&#39; title&#39;未在&#39; System.Collections.Generic.List上找到属性1[[Airtrixz.MainPage+Article, Airtirxz.WindowsPhone, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]], mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e'. BindingExpression: Path='title' DataItem='System.Collections.Generic.List 1 [[Airtrixz.MainPage + Article,Airtirxz.WindowsPhone,Version = 1.0.0.0,Culture = neutral,PublicKeyToken = null]],mscorlib ,Version = 4.0.0.0,Culture = neutral,PublicKeyToken = 7cec85d7bea7798e&#39 ;;目标元素是&#39; Windows.UI.Xaml.Controls.TextBlock&#39; (名称=&#39;空&#39);目标属性是&#39; Text&#39; (键入&#39; String&#39;)

有人能为我解决这个问题吗?

2 个答案:

答案 0 :(得分:3)

由于您的HubSection的DataTemplate是一个StackPanel,它只显示一个对象,而不是整个文章列表。为此,您需要ListBox或ListView。这就是你得到Bindings错误的原因;它试图在你的名单上找到'title'属性,当然不存在。试试这个:

<Hub Margin="0,50" Foreground="White">
    <HubSection Header="posts" x:Name="articlelist" >
        <DataTemplate>
            <ListView ItemsSource="{Binding}">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Background="Transparent">
                            <TextBlock Foreground="White" Text="{Binding title}" Height="25" />
                            <TextBlock Foreground="White" Text="{Binding author}" Height="25"/>
                            <TextBlock Foreground="White" Text="{Binding content}" Height="25"/>
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </DataTemplate>
    </HubSection>
</Hub>

这会将ItemsSource的{​​{1}}绑定到ListView的{​​{1}},DataContextHubSection设置为articles Button_Tapped回调,所以它应该全部工作。以任何方式发布回复,我可以尝试帮助调试更多。

答案 1 :(得分:0)

我不确定是否应该将其作为答案,因为我从未使用Hub控件,但我的猜测是HubSections必须像这样填充:

<ItemsControl ItemsSource="{Binding}">
   <ItemsControl.ItemTemplate>
      <DataTemplate>
         <HubSection Header="posts">
            <DataTemplate>
               <StackPanel Background="Transparent">
                <TextBlock Foreground="White" Text="{Binding title}" Height="25" />
                <TextBlock Foreground="White" Text="{Binding author}" Height="25"/>
                <TextBlock Foreground="White" Text="{Binding content}" Height="25"/>
             </StackPanel>
           </DataTemplate>
         </HubSection>
      </DataTemplate>
   </ItemsControl.ItemTemplate>
</ItemsControl>