javascript - 如何将 JSON 子数组绑定(bind)到 Kendo 网格

Question

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

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

我想将 items 数组绑定(bind)到 Kendo UI Grid，所以我定义了以下数据源...

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

我完全不知道如何定义模型架构，因为我在文档中找不到关于该特定绑定(bind)场景的任何信息。

Answer 1

在响应中，您已将 container 定义为 array 但不确定它是否会重复。据我了解，实际数据是 items。正确的？如果是这样，这就是最小的数据源定义。

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 的原因。