Kendo Grid - 如何动态添加列?

时间:2014-11-27 08:44:27

标签: jquery kendo-ui kendo-grid

对于网格视图,我有动态填充的json对象数组。

是否可以动态生成列,并且可以编辑模型上的值并在更新请求中将其发回?

感谢您的任何建议或示例。

1 个答案:

答案 0 :(得分:3)

同样的问题here

首先,您需要从json数组中解析列并将它们存储在另一个数组中。创建列并使用网格column选项动态设置列。您还需要Kendo DataSource来显示数据。 Here是@Paritosh如何完成你所需要的一个很好的例子。

var columns = data;

var configuration = {
    editable: true,
    sortable: true,
    scrollable: false,
    columns: columns    //set the columns here
};

var grid = $("#grid").kendoGrid(configuration).data("kendoGrid");
kendo.bind($('#example'), viewModel);   //viewModel will be data as in jsfiddle