javascript - 创建可在 Tabulator 中直接单击的复选框

Question

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

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

我想格式化该列，以便复选框不会消失并且我可以直接点击，而不是在单元格内点击，就像第一列本示例的第一列一样。

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

提前感谢大家。

标签： javascripttabulator

Answer 1

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

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

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

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