当我们已经在 kendo 网格中实现了编辑选项时，如何添加动态行（在列中有下拉菜单）

Question

我有一个 kendo 网格，其中包含少数列值的下拉列表。我可以编辑特定的网格，它提供了正确的下拉值，但是当我尝试向网格动态添加新行时，它显示错误。

实例link

我正在寻找的是当我单击网格中的添加新项目按钮时，它应该添加一个具有给定下拉值的新行。

我已尝试添加 toolbar: ["create"] 以创建新工具栏 内部数据绑定事件我试图捕获按钮点击并尝试添加新行但没有任何效果

dataBound: function (e) {
            $('.k-grid-add').unbind("click");

            $('.k-grid-add').bind("click", function () {
                dataSource.add({ brandId: 0, name: "" });
                var data = dataSource.data();
            });
        },

有人可以帮我解决这个问题吗？

Answer 1

有时您需要在模板中添加 data. 才能访问所需的数据 属性。将您的模板更改为：

template: "#= brandName(data.brandId) #"

和

template: "#= modelName(data.modelId) #"

Demo