jquery - Kendo Grid - 如何动态添加列？

Question

对于 GridView ，我有动态填充的 json 对象数组。

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

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

Answer 1

提出同样的问题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