将Kendo网格绑定到Complex dataSource

时间:2014-01-15 16:59:29

标签: javascript jquery kendo-ui kendo-grid

我有一个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
})

它的数据源是一个List,其对象有另一个List作为它们的属性。

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

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

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

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

A,B,C,d,E,F,G,H,I

如何实现此功能。

1 个答案:

答案 0 :(得分:4)

如果您只需要显示内容,只需将多个列绑定到List对象,然后使用template属性显示每个列。

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

或类似的。当然,它依赖于List,每个主列表项具有相同数量的属性(即总是{d},{e},{f})。

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

以下是使用带有嵌套列表的列表的小样本。 (第二个网格仅用于测试实际值正在变化)。不完全确定数据的结构或数据类型,但希望这会有所帮助。

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