复选框/dojox.grid.cells.Bool 的事件处理程序，位于 EnhancedGrid 中的 ItemFil

Question

我有一个由ItemFileWriteStore填充的增强网格。存储中的数据项之一是：

check: true

然后在增强的网格中，我有：

{
   field: "check",
   name: "Value Check",
   editable: true,
   type: dojox.grid.cells.Bool
}

这给了我一个充满复选框的列。我一直无法找到如何处理检查这些复选框。我想从选中的每个复选框开始，如果您取消选中一个复选框，它会删除相应的数据。是否有一些事件处理程序可以附加dojo/on？还是我不知道的增强网格上的某种方法？我无法找到任何有关此的文档，我觉得我错过了一些东西。

Answer 1

你会做这样的事情：

require(['dijit/registry','dojo/on','dijit/WidgetSet','dojo/on'],function(reg,on){
    reg.byClass("dojox.grid.cells.Bool").forEach(function(node){
                   on(node.domNode,'click',function(){alert('hello');});
     });
});

Answer 2

我发现最好的解决方案是将处理程序附加到"RowClick"事件，因为每次单击复选框时，都会触发 RowClick 事件。然后遍历数据存储并根据复选框更新所有内容。它绝对没有效率，但可以满足我的需要。它是这样的：

grid.on("RowClick", function (event) {
  for (var i=0; i<store._arrayOfAllItems.length; i++) {
    if (grid.getItem(i)) {
      if (grid.getItem(i).check[0]) {
        // row is checked, do something
      } else {
        // row is not checked, do something else
      }
    }
  }
} 

据我所知，event不会传递可用于识别网格中单击了哪一行的信息（我不是 100% 确定，其中有很多）。所以这是我想出的最好的方法。

Answer 3

       {
            name: 'Paid',
            field: 'paid',
            width: '40px',
            type: dojox.grid.cells.Bool,
            editable:true,
            doclick:function(e){
                if(e.target.tagName == 'INPUT'){
                    if(confirm("Sure?")){
                        this.applyStaticValue(e.rowIndex);
                    } else {
                        e.target.checked = !e.target.checked;
                    }
                }
            }
        }

这是一个老问题，我在这里用谷歌搜索。希望我的回答可以帮助某人。