同一列中具有不同字段类型的 Kendo-ui 网格

Question

如果有人能帮我解决这个问题，我将不胜感激。

我的网络应用中有一个剑道网格。这个剑道网格包含一组问题和答案。我的意思是有两列，第一列是问题，第二列是答案。

问题列是文本类型，但答案列可能是三种类型（布尔型、可选列表或文本）。

通过创建自定义编辑器，当您按下单元格时，我实现了正确的字段类型。

我附上一张图片来说明： snapshot1 问题是当单元格失去焦点时，自定义编辑器模板不再可见，因此网格看起来像： snapshot2

我想在编辑单元格和不编辑单元格时保留复选框模板。

我尝试为编辑器创建自定义模板和单元格的自定义模板（虽然我没有编辑它）但是这个解决方案创建了两个不同的 DOM 对象，所以当我单击单元格时单击模板，而不是网格，因此网格无法识别我何时进行更改。

提前致谢！

Answer 1

解决复选框问题的一种方法是使用自定义模板。看看following DOJO

注意函数createCheckbox()。它使用模型绑定来显示正确的值并禁用复选框，因此用户只能在编辑模式下更改其值。

function createCheckbox(fieldName) {
    return '<input style="cursor:default;" type="checkbox" data-bind="checked: #=' 
      + fieldName + '#"  #= ' + fieldName 
      + ' ? \'checked="checked"\' : "" # disabled="disabled" />';
}