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");