主页 / 问题 / 585206
Accepted
Denisok
Asked:2020-11-01 05:38:42 +0000 UTC2020-11-01 05:38:42 +0000 UTC

如何从复杂的 JSON 填充 ListView？

  • 772

我有一个 ListView，其中两个页面（Pn 和 Vt）使用按钮切换。而这些页面需要从这样的JSON中填充

  {
  "Pn" : [
    {
      "Number" : "1",
      "Time" : "08:30 - 09:15",
      "Yrok" : [
        {
          "Kb" : "Щелковское шоссе, № 122",
          "Name" : "Музыка"
        }
      ]
    },
    {
      "Number" : "2",
      "Time" : "09:25 - 10:10",
      "Yrok" : [
        {
          "Kb" : "Щелковское шоссе, № 107",
          "Name" : "История"
        }
      ]
    }
  ],
  "Vt" : [
    {
      "Number" : "1",
      "Time" : "08:30 - 09:15",
      "Yrok" : [
        {
          "Kb" : "Щелковское шоссе, № 115",
          "Name" : "Математика"
        }
      ]
    },
    {
      "Number" : "2",
      "Time" : "09:25 - 10:10",
      "Yrok" : [
        {
          "Kb" : "Щелковское шоссе, № с/з",
          "Name" : "Физ-ра"
        }
      ]
    }
  ]
}

即这些变量会显示在一个ListView元素中

"Number" : "1",
  "Time" : "08:30 - 09:15",
  "Yrok" : [
    {
      "Kb" : "Щелковское шоссе, № 122",
      "Name" : "Музыка"
    }
  ]

如何才能更快地做到这一点？我只想创建一个循环，我将在其中指定每个变量，然后创建此类型的元素： listView1.Items.Add(itm)

c#

1 个回答

  1. Best Answer

    作为一种选择，您可以这样做：我们创建两个类来取消订阅我们在 json 中的元素

    public class Item
{
    public string Number { get; set; }
    public string Time { get; set; }
    public List<Yrok> Yrok { get; set; }
}

public class Yrok
{
    public string Kb { get; set; }        
    public string Name { get; set; }
}

    接下来，我们准备链接标记：

    <ListView x:Name="JsonView">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Width="30"  Text="{Binding Number}">   </TextBlock>
                    <TextBlock Width="100" Text="{Binding Time}"></TextBlock>
                    <ListView Width="300" ItemsSource="{Binding Yrok}" SelectionMode="None">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Width="200" Text="{Binding Kb}"></TextBlock>
                                    <TextBlock Width="100" Text="{Binding Name}"></TextBlock>
                                </StackPanel>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

    现在剩下的就是反序列化数据并将其设置为 ListView.ItemsSource 属性。

    //в data должна быть json строка, той структуры, что вы привели выше
sting data="";
var json = JObject.Parse(data);
List<Item> items = new List<Item>();
foreach (var key in json)
{
   var itm = JsonConvert.DeserializeObject<List<Item>>(key.Value.ToString());
   items.AddRange(itm);
}
JsonView.ItemsSource = items;

    这就是结果： 在此处输入图像描述

    • 5

相关问题