javascript - 创建可在制表符中直接单击的复选框

Question

我对 javascript 很陌生，我正在使用 Tabulator创建动态和交互式表格。它工作得很好，我只是有一点格式问题。

我的数据中的一列是 bool 值，我正在使用 tickCross格式化程序。

我想格式化该列，以便复选框不会消失并且可以直接单击，而无需在单元格内部单击，就像 this example 的第一列.

我尝试在文档和代码中查找设置，但找不到我要查找的内容。

提前感谢大家。

Answer 1

您想要向该列添加一个 cellClick 选项，以便当您单击该单元格时它会立即更新。这是一个工作示例，https://jsfiddle.net/s60qL1hw/1/ .

这会将单元格值设置为当前值的相反值。应该改进它来处理未定义的值、空值等，以及您希望如何处理这些值。但是，它应该适用于大多数情况。

    cellClick: function(ev, cell){
      cell.setValue(!cell.getValue());
    }

cellClick 适用于整个单元格。因此，如果您不单击勾号，而是单击它旁边的空白，它仍然会被触发。您可以使用事件目标来检查是否单击了勾号。