3

我从 ASP.NET web 方法得到这个 JSON 响应

{"d":[{"__type":"KnockoutWebFormsTest.Item","Id":1,"Name":"Item1","Description":"项目 1 描述"},{"__type":"KnockoutWebFormsTest.项目","ID":2,"名称":"项目 2","描述":"项目 2 描述"}]}

然后使用KnockoutJS我可以用这段代码绑定数据，

Javascript：

function bindModel(data) {
    var viewModel;
    viewModel = ko.mapping.fromJSON(data);
    ko.applyBindings(viewModel);
  }

HTML：

<tbody data-bind="foreach: d">
    <tr>
        <td data-bind="text: Id"></td>
        <td data-bind="text: Name"></td>
    </tr>
</tbody>

这使用了dinforeach循环的对象类型，但是现在我需要Item在 foreach 循环中使用我的服务器对象类型，例如，

<tbody data-bind="foreach: Item">

我怎样才能做到这一点？

注意：这与我之前在SO中的问题有关

编辑 1：

服务器端代码 (C#)

[WebMethod]
public static List<Item> GetItems()
{
    List<Item> itemlist = new List<Item>
    {
        new Item {Id = 1, Name = "Item1", Description = "Item 1 Description"},
        new Item {Id = 2, Name = "Item2", Description = "Item 2 Description"}
    };

    return itemlist;
}

public class Item
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
}

编辑 2：

从此 Javascript 代码

var jsonObject;
jsonObject = ko.mapping.fromJSON(data);
console.log(data);
console.log(jsonObject);
console.log(jsonObject.d);

我明白了

数据

{"d":[{"__type":"KnockoutWebFormsTest.Item","Id":1,"Name":"Item1","Description":"项目 1 描述"},{"__type":"KnockoutWebFormsTest.项目","ID":2,"名称":"项目 2","描述":"项目 2 描述"}]}

json对象

>Object {d: function, __ko_mapping__: Object}
 >__ko_mapping__: Object
 >d: Object[0]
 >__proto__: Object

jsonObject.d

[]

4

2 回答 2

1

您无法更改我所看到的默认行为..因为这是WebMethod返回的JSON- 从 .NET 3.5 开始，有一个重大更改是d在返回的有效负载上添加一个属性。

见这里：http ://encosia.com/a-break-change-between-versions-of-aspnet-ajax/

具体来说：

So the wrapping of the "d" parameter prevents direct execution of the string as script. No Object or Array constructor worries..

您可以做的是将其分配到其他地方，如下所示：

var jsonObject;
jsonObject = ko.mapping.fromJSON(data);
var viewModel = { Item: jsonObject.d };
ko.applyBindings(viewModel);

这将允许您设置绑定：

<tbody data-bind="foreach: Item">
于 2013-08-12T04:56:46.633 回答
0

您应该更改数据并像这样构建它：

Data = [d:[{
Id: "1",
Name: "Saeed",
LastName: "SWD",
Description: "ok",
Items:[{ Id: "1", Description: "ok"},
       { Id: "1", Description: "ok"}]
}]];

然后您将能够访问以下项目：

<table data-bind="foreach: d">
    <tbody data-bind="foreach: Items">
于 2013-08-12T05:01:05.087 回答