有没有办法从剑道网格检索所有可编辑单元格？

debugcn 发表于 Dev

卡利纳阿迪

我有一个Kendo网格，其中的字段可根据某些条件进行编辑，例如：

 //var isEditable= some condition

 fields: {
             Id: { type: "int", editable: false },
             Amount: {type: "number", editable: isEditable},
         }

我想获取所有可编辑的单元格，并在它们显示之前对其进行穿孔。

目前我正在使用dataBound事件来迭代行和单元格并找到所需的单元格

dataBound: function(e){
            var rows = e.sender.tbody.children();
            for (var j = 0; j < rows.length; j++) {
            var row = $(rows[j]);
            if (isEditable){
                   var cell1 = row.children().eq("hardcoded index");
                   var cell2 = row.children().eq("hardcoded index 2");
                   var cell3 = row.children().eq("hardcoded index 3");
                   ......
                   ......
                   // perform action
            }
 }

是否有更好的方法来实现这一目标？

鞭舞者

由于您想在显示之前对可编辑元素进行某些操作，因此我将使用模板来完成该操作。这是一个示例，如果“金额”字段是可编辑的，则将背景颜色变为红色：

<script id="editableTemplate" type="text/x-kendo-template">
  #if (Editable)  { #
    <div style='background-color:red'>#=Amount#</div> 
  # } else { #
    <div>#=Amount#</div> 
  # } #
<script>

解决此问题的另一种方法是通过将模板包装在函数中来获取参数：

function foo(isEdit, value) {
    if(isEdit){
        return "<div style='background-color:red'>" + value + "</div>";
    } else {
        return "<div>" + value + "</div>";
    }
}

然后，您可以将列模板设置为：

{
    field: "Amount",
    type: "number",
    template: function(data) {
        return kendo.template("#=foo(isEditable, Amount)#")
    },
    editable: isEditable
}

这是一个基本的小提琴。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。