如何在 Windows Store App 中通过 Web API（在线服务）与 xaml UI 绑定 JSON 数据？

Posted 2023-04-12

【中文标题】如何在 Windows Store App 中通过 Web API（在线服务）与 xaml UI 绑定 JSON 数据？

【英文标题】：How to Bind JSON data through Web API(Online Services) with xaml UI In Windows Store App?

【发布时间】：2014-10-17 05:02:28

【问题描述】：

我正在 Windows 8 中开发我的第一个应用程序。我在 Windows 8 的第 9 频道看到了教程http://channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-C-# 我想制作一个演示应用程序，其中数据来自 Web 服务但我无法为我通过 Web 服务接收的 JSON 数据制作 DataSource.cs 文件。

这是我的 JSON 数据来自 Web 服务..

[
    
        "id": "1",
        "title": "Test_rom",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.1.png"
    ,
    
        "id": "2",
        "title": "Jewelry",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.2.png"
    ,
    
        "id": "3",
        "title": "Jackets",
        "subtitle": "All sizes available",
        "icon": "http://lpl.info/Admin/upload/cat.3.png"
    ,
    
        "id": "4",
        "title": "Dresses",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.4.png"
    ,
    
        "id": "5",
        "title": "Bags",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.5.png"
    ,
    
        "id": "6",
        "title": "Watches",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.6.png"
    ,
    
        "id": "8",
        "title": "Glasses",
        "subtitle": "",
        "icon": "http://lpl.info/Admin/upload/cat.8.png"
    
]

现在我想为这些组类别 JSON 数据制作一个网格模板。但我是这个领域的新手，我尝试将它与 XAML UI 绑定但我失败了。

我尝试了很多找到一些相关的代码，但所有代码都适用于 windows phone 8，我希望适用于 windows 8 Metro 应用程序。

这些是我感到困惑的 XAML 中的代码。

  <Page.Resources>

        <CollectionViewSource
            x:Name="groupedItemsViewSource"
            Source="Binding Groups"
            IsSourceGrouped="true"
            ItemsPath="Items"
            d:Source="Binding Groups, Source=d:DesignInstance Type=local:RootObject, CreateList=True"/>
    </Page.Resources>

与

protected override void LoadState(Object navigationParameter, Dictionary<string,> pageState)

OsCatalogData os = new OsCatalogData();
os.GetJson(Constants.OscatalogMenulist, "HomePagemenu");

// TODO: Create an appropriate data model for your problem domain to replace the sample data

this.DefaultViewModel["Group"] = os.?????; 

我正在尝试从这么多天开始开发它。谁能帮忙？？ 我不想要完整的代码但是我可以在哪里满足我的要求的一些材料......

提前谢谢....

【参考方案1】：

我从你的问题中了解到的 - 你在解析你想要使用的 json 数据时遇到问题。希望我是对的 -

1 => 安装 Newtonsoft.json nuget 包。它将用于高效地解析 json 并且非常易于使用。

2 => 现在创建一个 RootObject 类（相应地命名它 - 它是一个简单的数据解析器类）。

public class RootObject

    public string id  get; set; 
    public string title  get; set; 
    public string subtitle  get; set; 
    public string icon  get; set; 

3 => 现在您的 Json 表示这些类对象的列表/数组，实际上您的 json 类型是 List，所以像这样解析它。

var groups= JsonConvert.DeserializeObject<List<RootObject>>(yourJson);

现在您的组以 C# 类的形式包含您的数据，现在您可以根据需要使用它们。

【讨论】：

我做了所有的事情......我的问题是 => 我在使用 xaml 跨度>

【参考方案2】：

阅读http://prathapk.net/consuming-web-api-in-windows-phone-8/ 还有这个http://www.asp.net/web-api/overview/advanced/calling-a-web-api-from-a-net-client

PS：绑定时使用“Group”而不是“Groups”。 我希望这能帮到您。来到这里寻找类似的问题。