我的示例使用“DAT.GUI.min.js”。选择其他文件夹选项时,我需要禁用/启用文件夹选项。例如,当检查“ visibleImagex文件夹”时,必须启用文件夹“ fixImagex”,但是当未检查“ visibleImagex文件夹”时,必须禁用文件夹'fixImagex'。
我的例子是:
function initGUI() {
gui = new dat.GUI({
height : 5 * 32 - 1
});
parameters = {
x: 0, y: 0,
visibleImageX: true,
visibleImageY: true,
reset: function() { resetSurvey() }
};
var showPlan = gui.addFolder('Show Plan');
showPlan.add( parameters, 'visibleImageX').name('x').listen().onChange(
function(value) {
if (!value) {
parameters.x = 0;
//disable the folder name: fixImageX
}
else { //enable the folder name: fixImageX}
});
showPlan.add( parameters, 'visibleImageY').name('y').listen().onChange(
function(value) {
if (!value) {
parameters.y = 0;
//disable the folder name: fixImageY
}
});
showPlan.open();
var fixImage = gui.addFolder('Fix Image');
var fixImageX = fixImage.add( parameters, 'x' ).min(0).max(100).step(1)
.listen().onChange(function(value) {
// Do somethings
});
var fixImageY = fixImage.add( parameters, 'y' ).min(0).max(100).step(1)
.listen().onChange(function(value) {
// Do somethings
});
fixImage.open();
}