Json到C#对象显示在Windows Phone的ListBox中

时间:2012-09-30 11:13:37

标签: c# windows-phone-7 json.net

我使用http://json2csharp.com从下面的JSON字符串生成C#类。

{
    "stationArr":[
        {
            "id":"9",
            "name":"name9",
        "sidebar":{
                "original":"http://myurl.com/station_images/5/5_s.png",
                "m":"http://myurl.com/station_images/5/m/5_s_m.png",
                "s":"http://myurl.com/station_images/5/s/5_s_s.png"
            }
        },
    {
            "id":"3",
            "name":"name3",
        "sidebar":{
                "original":"http://myurl.com/station_images/5/5_s.png",
                "m":"http://myurl.com/station_images/5/m/5_s_m.png",
                "s":"http://myurl.com/station_images/5/s/5_s_s.png"
            }
    ]
    "stationUrlMap":{
        "9":"http://myurl.com/9_64",
        "3":"http://myurl.com/3_64",
    }
}

生成的类是(我为每个类创建了不同的.cs。

public class Sidebar
{
    public string original { get; set; }
    public string m { get; set; }
    public string s { get; set; }
}

public class StationArr
{
    public string id { get; set; }
    public string name { get; set; }
    public Sidebar sidebar { get; set; }
}

/*public class StationUrlMap
{
    public string __invalid_name__9 { get; set; }
    public string __invalid_name__3 { get; set; }
}
*/
public class StationList
{
    public List<StationArr> stationArr { get; set; }
//    public StationUrlMap stationUrlMap { get; set; } Dicarded it
}

我已经丢弃了StationUrlMap,因为我不需要它。

我使用以下代码创建Object

string resultString = sd.ReadToEnd();
StationList stations = JsonConvert.DeserializeObject<StationList>(resultString);
Debug.Writeline(stations.stationArr.Count); // gives Output 9 Which is correct.

我只是不知道如何在UI中显示工作站列表(使用ListBox)。请指导我正确的方向。

2 个答案:

答案 0 :(得分:1)

在XAML中创建一个ListBox

<ListBox x:Name="ListBoxStations" Height="500" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Width="450">
                 <Image Source="{Binding Path=sidebar.original}"/>
                 <TextBlock Text="{Binding Path=name}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

然后在你的cs文件中,在json转换之后执行以下操作

StationList stations = JsonConvert.DeserializeObject<StationList>(resultString);
ListBoxStations.ItemsSource = stations.stationArr;

以上XAML代码只是一个示例,根据您的要求进行更改。

答案 1 :(得分:0)

有两种方式。

首先,您可以将列表框的 ItemSource 属性设置为刚刚创建的列表。

其次,您可以在列表中创建事物的 ObservableCollection ,并将可观察集合绑定到列表框的ItemSource属性。在Observable Collection中添加项目,这些项目将显示在列表框中。

第二种方式可让您更好地控制lisbox中的项目。您可以删除或添加可观察集合中的元素,这些元素将反映在列表框内容中。第一种方法会使列表内容为只读,您将无法添加或删除项目。

http://msdn.microsoft.com/en-us/library/ms668604.aspx

http://msdn.microsoft.com/en-us/library/system.windows.controls.listbox%28v=vs.95%29.aspx