劍道網格復選框禁用編輯

Question

我正在尋找一個解決方案，如果在我的數據源中選中了='yes'，則如何禁用要檢查的復選框。

Dojo 中的完整演示

 $("#grid").kendoGrid({ columns: [ { selectable: true, headerTemplate:'<b>Some title</b>' }, { field: "name" } ], dataSource: [ { name: "Jane Doe", checked:"yes" }, { name: "John Doe", checked:"no" }, { name: "Doe John", checked:"yes" }, { name: "John", checked:"no" } ], dataBound:function(e){ var grid = this; var rows = grid.items(); $(rows).each(function(e) { var row = this; var dataItem = grid.dataItem(row); if (dataItem.checked == 'yes' ){ grid.select(row); //grid.select('disable',true); //grid.addClass(".k-state-selected"); } }); } });

Answer 1

你快到了。 只需添加class禁用該行上的鼠標事件。

.disabled{
  opacity:0.5;
  pointer-events:none;
}
dataBound:function(e){
  var grid = this;
  var rows = grid.items();

  $(rows).each(function(e) {
    var row = this;
    var dataItem = grid.dataItem(row);
    if (dataItem.checked == 'yes' ){ 
      grid.select(row); 
      console.log(row);
      $(row).addClass("disabled");  
    }
  }

注意：這將禁用任何事件的整行，如果您願意，您可以通過查找內部復選框元素僅禁用復選框：

$(row).find(".k-checkbox-label").addClass("disabled");

您修改的示例：禁用選中