代码之家 › 专栏 › 技术社区 › Chris

在Kendo UI网格中添加新行时如何使用模板?

kendo-grid kendo-ui jquery

Chris · 技术社区 · 8 年前

当我向剑道网格添加一行时,我需要能够在一个单元格中使用一个模板,但不知道如何做到这一点。添加我使用的新行

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

但我要做的是在目录上,我需要添加一个下拉列表。我试过这样的测试

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

但我的目录列显示为未定义。

在添加新行时,如何向catalog列添加下拉列表?

1 回复 | 直到 8 年前

Pooja Suryawanshi 8 年前

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

 $("#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

推荐文章

Haytham · 来自远程数据的剑道UI条形图系列名称

8 年前

user7678643 · “使用问题”复选框

8 年前

Kenny Lucero · Javascript-JQuery-Kendo-为什么要执行我的函数

8 年前

nineveh.Y · KendoUI add treelist工具栏模板导致“TypeError:(中间值)。toLowerCase不是函数”

8 年前

Zayn malik · 剑道网格自定义按钮的mouseover或mouseenter或onhover事件?

8 年前

CMartins · Kendo UI MVC网格主题更改

8 年前

anand · 仅为叶节点启用复选框

8 年前

firienn · ASP中的剑道网格。Net MVC:防止刷新网格上的数据。设置选项

8 年前

Xion · 剑道排序问题

8 年前

dscythe · 如何删除剑道中复选框中的这些蓝色条/边框

8 年前