Kendo ui 如何按数据类型自定义编辑器

Kendo ui 如何按数据类型自定义编辑器,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我用剑道网格制作了一个表格。这个表格有两列。一列是项目,另一列是值 正如 +-----------+-----------+ | item | value | +-----------+-----------+ | Retry | yes | | interval | 8 | +-----------+-----------+ 如何使用值列自定义编辑器(内联)。如果值为[yes],则使用dropdownlist编辑器;如果值为[8],则使

我用
剑道网格
制作了一个表格。这个表格有两列。一列是
项目
,另一列是

正如

+-----------+-----------+
| item      |  value    |
+-----------+-----------+
| Retry     |  yes      |
| interval  |  8        |
+-----------+-----------+
如何使用值列自定义编辑器(内联)。如果值为[yes],则使用dropdownlist编辑器;如果值为[8],则使用数字edior


Thx.

为了您的方便,我准备了一个小示例来演示剑道网格的这种定制

下面是一个示例,您可以根据列包含的值自定义列的
编辑器
选项(在您的情况下,例如“yes”):

在上面的示例中,带有编辑器的列使用DropDownEditor函数根据“itemvalue”列中的值创建编辑器


希望这有帮助。

您可以尝试自定义列(值)的
编辑器
选项。这是参考@rubyblaze,很高兴你发现它很有用。如果它回答了你的问题,请接受它作为答案,它也将有助于其他人。
function DropDownEditor(container, options) {

    if(options.model.itemvalue =="yes"){
        var input = $('<input required name="' + options.field + '"/>')
        input.appendTo(container);
        input.kendoDropDownList({
            dataSource: {
                data: ["yes", "no"]
            }
        });
    }
    else{
        var input = $('<input type="text" class="k-input k-textbox" name="itemvalue" data-bind="value:itemvalue">'); 
        input.appendTo(container); 
    }
};
var grid = $("#grid").kendoGrid({
dataSource: {
data:[{"item":"Retry", "itemvalue":"yes"},{"item":"interval", "itemvalue": 8}]
},    
height: 500,    
columns: [ 
  { field: "item", width: "200px"},
  { field: "itemvalue", editor: DropDownEditor }],
editable: "incell"
}).data("kendoGrid");