制表符和 dat.GUI 在一起

Question

有谁知道制表符和 dat.gui 是否可以一起使用？对于制表符中的许多操作，您需要在 table 上调用方法而不是更改对象属性

例如：

tbl =  document.getElementById('tabulator-table');
tbl.toggleColumn('name'); // Hide or show the 'name' column

有人知道这是否可行吗？有机会的话请告诉我。

谢谢，

诺亚

Answer 1

Dat.gui 有 'onChange' 和 'onFinishChange' events 你可以监听然后调用你的函数。

function someFunction(value) {
  document.getElementById('something').innerHTML = value;
}

var dummyObject = {someNumber: 1};
var gui = new dat.GUI();
var controller = gui.add(dummyObject, 'someNumber', -5, 5);

// call function on controller change, the current raw value of the control will be sent to the function.
controller.onChange(someFunction);

<script src="https://cdn.rawgit.com/dataarts/dat.gui/v0.7.6/build/dat.gui.min.js"></script>

<div id="something">1</div>

制表符和 dat.GUI 在一起

Tabulator and dat.GUI together

javascript

dat.gui

tabulator