将新行添加到kendo ui网格时如何使用模板?

时间:2018-07-11 00:08:00

标签: jquery kendo-ui kendo-grid

当我向剑道网格添加一行时,我需要能够在一个单元格中使用模板,并且不确定如何执行此操作。 要添加新行,我使用

grid.dataSource.insert(0, { AreaID: null, AreaName: "New Area", Catalog: 2 });

但是我想做的是它在目录中写的位置,我需要在其中添加一个下拉列表。我尝试了类似的方法作为测试

grid.dataSource.insert(0, { AreaID: null, AreaName: "New Area", Catalog: '<div>acd</div>' });

但是所做的只是让我的目录列显示为undefined。

有什么想法可以在添加新行时如何在目录列中添加一个下拉列表?

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码行在网格中添加列

 $("#grid").kendoGrid({
          dataSource: dataSource,

          pageable: true,
          height: 430,
          toolbar: ["create", "save", "cancel"],
          columns: [

            { template: "<input data-bind='value:ProductName' />", title: "Product Name", width: 110 },
            { template: "<input data-bind='value:UnitsInStock' />", title: "Units In Stock", width: 110 },
            { field: "Discontinued", width: 110 },
            { command: "destroy", title: "&nbsp;", width: 90 }],
          editable: true,
          dataBound: onDataBound
        }); 

有关更多详细信息:-We can refer the Kendo Document