UWP C# 将 JSON 项绑定到 Button MenuFlyout答案

【问题标题】：UWP C# Bind JSON items to Button MenuFlyoutUWP C# 将 JSON 项绑定到 Button MenuFlyout
【发布时间】：2018-10-14 00:43:20
【问题描述】：

我有一个将通过网络添加的客户端设备的动态列表。连接后，他们的详细信息将保存在 JSON 文件中。我想对客户端设备进行额外的显示和控制，我单击Add 按钮，其中MenuFlyout 填充了来自JSON 的客户端设备ClientName 的列表文件。一旦选择了menuitem，它将为在网格上选择的各个客户端设备添加一个按钮和连接状态指示器（例如，连接、断开或错误）。 This is what I have did for adding the button but couldn't figure out how to bind to the JSON

请帮忙。谢谢。

我的 json 类是在单独的 .cs 中创建的我不确定我在MenuFlyoutItem_Click 处是否正确执行，而item.clientname 有错误。

json 文件clientslist.txt 我检查了它似乎正确的格式。

【问题讨论】：

标签： c# json xaml uwp windows-iot-core-10

【解决方案1】：

您可以参考以下代码。我还没有找到使用Binding或x:Bind的方法，但是我们可以在json数据反序列化后手动将MenuFlyoutItem添加到MenuFlyout。

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        var deviceList = JsonConvert.DeserializeObject<List<DeviceInfo>>(jsonData);
        var menuFlyout = new MenuFlyout();
        foreach (var device in deviceList)
        {
            var menuFlyoutItem = new MenuFlyoutItem() { Name = device.DeviceName, Text = device.DeviceName };
            menuFlyoutItem.Tag = device.DeviceName;
            menuFlyoutItem.Click += MenuFlyoutItem_Click;
            menuFlyout.Items.Add(menuFlyoutItem);
        }

        ButtonCreateDevice.Flyout = menuFlyout;
    }

    private void MenuFlyoutItem_Click(object sender, RoutedEventArgs e)
    {
        var item = sender as MenuFlyoutItem;
        var deviceName = item.DeviceName;

        //TO DO SOMETHING
    }

DeviceInfo 类定义为：

    class DeviceInfo
    {
        public string DeviceName { get; set; }
        public string Status { get; set; };
    }

使用示例数据（jsonData）进行测试：

[{"DeviceName":"LED-1","Status":"Connected"},{"DeviceName":"LED-2","Status":"Connected"},{"DeviceName":"LED-3","Status":"Connected"}]

【讨论】：

嗨@MichealXU-MSFT 使用JsonConvert.DeserializeObject 我必须安装NewtonSoft.Json nuget 对吗？
是的，没错。该库用于将 json 字符串反序列化为对象或将对象序列化为 json 字符串。
嗨@MichealXu-MSFT 我不确定我在MenuFlyoutItem_Click 是否正确地做到了，item.clientname 有错误。
@mylim，你应该使用 item.Tag to 因为你用menuFlyoutItem.Tag = device.clientname设置了值。
@MichealXu-MSFT 另一件事是，在您的示例中，jsonData 将是 json 文件。在我的情况下，我声明为public static string CLIENTSLIST = "clientslist.txt"; 其中var deviceList = JsonConvert.DeserializeObject<List<ClientList>>(CLIENTSLIST); 但是当我单击按钮时，unexpected character encountered while parsing value: c. Path", line 0, position 0 行上发生了未处理的异常

【解决方案2】：

我设法使用serialization.json 来做到这一点

 private async void AddButton_Click(object sender, RoutedEventArgs e)
    {
        List<ClientList> clientLists;
        var jsonSerializer = new DataContractJsonSerializer(typeof(List<ClientList>));
        try
        {
            var myStream = await ApplicationData.Current.LocalFolder.OpenStreamForReadAsync(CLIENTSLIST);

            clientLists = (List<ClientList>)jsonSerializer.ReadObject(myStream);
            var menuFlyout = new MenuFlyout();

            foreach (var device in clientLists)
            {
                var menuFlyoutItem = new MenuFlyoutItem() { Name = device.clientname, Text = device.clientname };
                menuFlyoutItem.Tag = device.clientname;
                menuFlyoutItem.Click += MenuFlyoutItem_Click;
                menuFlyout.Items.Add(menuFlyoutItem);
            }
            AddButton.Flyout = menuFlyout;
        }
        catch (Exception)
        {
            //Do nothing, file doesn't exist
        }
    }

    private void MenuFlyoutItem_Click(object sender, RoutedEventArgs e)
    {
        var item = sender as MenuFlyoutItem;
        var deviceName = item.Tag;

        //TO DO SOMETHING
    }
}

【讨论】：