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

Question

假设我有以下 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: ???
    }
});

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

Answer 1

在响应中，您将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 的原因。

Answer 2

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