制表符 - 可选择另一列(布尔值)上的选择资格,这也是一个 tickCross 可编辑
Tabulator - Selectable with selection Eligibility on another column (boolean) which is also a tickCross editable
我有一个 table 和 selectable 行,使用基于另一列(布尔值)的选择资格,这个资格列是 editable(tickcross)。这是以这样一种方式设置的:如果此列值为 'true',则该行为 selectable,当数据加载到制表符时,它工作得很好。但是,当单击以切换刻度线时,列值会切换,但随后该行确实反映了选择资格已相应更改的可选择性。
如何确保在列值更改后该行自动为 selectable/not-selectable?还是有我可以使用的解决方法?我尝试在更改 tickcross 列值后立即切换 tickcross 的方法中调用 redraw 方法,但这没有用。
有什么想法吗?
发生这种情况是因为 selectableCheck 函数在首次呈现行时被调用,因为它会影响样式。
目前没有解决此问题的内置方法,但您可以关闭行选择
var table = new Tabulator("#example-table", {
selectable:false,
});
然后使用 rowClick 回调切换行选择,如果它符合条件:
var table = new Tabulator("#example-table", {
rowClick:function(e, row){
//e - the click event object
//row - row component
if(row.getData().selectField){ //check for whichever field allows selection
row.toggleSelect(); //toggle selected state
}
},
});
在几周后发布的4.1版本中,将有重新生成行的功能,因此将再次进行选择检查。
我有一个 table 和 selectable 行,使用基于另一列(布尔值)的选择资格,这个资格列是 editable(tickcross)。这是以这样一种方式设置的:如果此列值为 'true',则该行为 selectable,当数据加载到制表符时,它工作得很好。但是,当单击以切换刻度线时,列值会切换,但随后该行确实反映了选择资格已相应更改的可选择性。 如何确保在列值更改后该行自动为 selectable/not-selectable?还是有我可以使用的解决方法?我尝试在更改 tickcross 列值后立即切换 tickcross 的方法中调用 redraw 方法,但这没有用。 有什么想法吗?
发生这种情况是因为 selectableCheck 函数在首次呈现行时被调用,因为它会影响样式。
目前没有解决此问题的内置方法,但您可以关闭行选择
var table = new Tabulator("#example-table", {
selectable:false,
});
然后使用 rowClick 回调切换行选择,如果它符合条件:
var table = new Tabulator("#example-table", {
rowClick:function(e, row){
//e - the click event object
//row - row component
if(row.getData().selectField){ //check for whichever field allows selection
row.toggleSelect(); //toggle selected state
}
},
});
在几周后发布的4.1版本中,将有重新生成行的功能,因此将再次进行选择检查。