Tabulator和dat.GUI一起使用

Question

有没有人知道你能不能同时使用tabulator和dat.gui？对于制表器中的许多操作，您需要调用表上的方法，而不是更改对象属性

例如：

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>

​