Question

我的例子使用'DAT.GUI.min.js'。我需要在选择其他文件夹选项时禁用/启用文件夹选项。例如，当选中'visibleImageX文件夹'时，必须启用文件夹'fixImageX'，但是如果未选中'visibleImageX folder'，则必须禁用文件夹'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();
}

Answer 1

首先，您只有2个名为fixImage和showPlan的文件夹。然后使用JQuery，隐藏你可以做的文件夹

$(fixImage.domElement).attr("hidden", true);

并显示它

$(fixImage.domElement).attr("hidden", false);

禁用dat.GUI文件夹

1 个答案: