javascript - 将 Kendo 网格绑定(bind)到复杂数据源

Question

我有一个 div，我正在将其转换为 Jquery 中的 Kendo Grid。

 divSearchGrid.kendoGrid({
    dataSource: {
        transport: {
            read: function (options) {
                var webMethod = "Portal.aspx/DisplayNotes";
                $.ajax({
                    type: "POST",
                    url: urlSearch,
                    data: paramsSearch,
                    async: false,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (result) {
                        options.success(result.d);
                    }
                })
            }
        }
    },
    batch: true,
    selectable: "row",
    autoSync: true,
    editable: true,// "inline",
    navigatable: true,
    columnMenu: true
})

它的数据源是一个列表，其对象具有另一个列表作为其属性。

例子数据源:[{a,b,c,List,g,h,i,},{a,b,c,List,g,h,i,},{a,b,c,List,g ,h,i,}]

并且上述对象中的列表具有以下结构

列表:[{d},{e},{f}]

我想用以下列显示我的剑道网格:

a,b,c,d,e,f,g,h,i

我怎样才能实现这个功能。

Answer 1

如果只需要显示内容，可以简单地将多个列绑定(bind)到 List 对象，并使用模板属性来显示每一列。

{ field: 'List', template: '#=List[0].value#' }

或类似的。当然，它依赖于每个主列表项具有相同数量属性的列表(即始终为 {d}、{e}、{f})。

如果您需要编辑这些字段，则需要为每个 {d}、{e}、{f} 字段使用自定义编辑器

这是一个使用带有嵌套列表的列表的小示例。 (第二个网格仅用于测试实际值是否发生变化)。不确定您的数据是如何构建的，或者您的数据类型是什么，但希望这会有所帮助。

http://jsbin.com/AWogIpO/1/edit