如何将JSON子数组绑定到Kendo网格

时间:2013-07-23 17:23:13

标签: javascript kendo-ui kendo-grid

假设我有以下JSON数据,这是HTTP服务调用的响应数据......

{
    [ "container" : [ 
        { 
            "category" : "default", 
            "items" : [ 
                { "name" : "item-1" }, 
                { "name" : "item-2" } 
            ]
        } ]
    ]
} 

我想将items数组绑定到Kendo UI Grid,因此我定义了以下数据源......

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "http://...",
            dataType: "jsonp",
            data: {
                Accept: "application/json"
            }
        }
    },
    schema: {
        model: ???
    }
});

我绝对不知道如何定义模型模式,因为我无法在文档中找到有关该特定绑定方案的任何信息。

2 个答案:

答案 0 :(得分:3)

在回复中,您已将container定义为array,但不确定它是否会重复。据我所知,实际数据是items。正确?如果是这样,这是最小的DataSource定义。

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url     : "http://...",
            dataType: "json",
            data: {
                Accept: "application/json"
            }
        }
    },
    pageSize : 10,
    schema   : {
        data: "container[0].items"
    }
});

注意:您显示的响应看起来不像JSONP而是JSON。这就是我将dataType设置为JSON的原因。

答案 1 :(得分:0)

Take a look at the example here我认为你正在寻找。