禁用 dat.图形用户界面文件夹
Disable dat.GUI folder
我的例子使用'DAT。嘎.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();
}
首先,您只有 2 个文件夹,名为 fixImage
和 showPlan
。然后使用 JQuery,隐藏您可以执行的文件夹
$(fixImage.domElement).attr("hidden", true);
并显示它
$(fixImage.domElement).attr("hidden", false);
相关文章:
- Acrobat DC 应用程序和用户 JavaScript 文件夹问题
- 三.js:无法更改 dat 中的值.图形用户界面
- 无法初始化 dat.三.js中的图形用户界面
- 从图形用户界面生成 html
- 火狐附加组件如何访问用户的书签文件夹
- 是否已经有办法让用户在Chrome上选择一个文件夹
- 如何让用户使用 javascript 在其本地计算机上选择一个文件夹(而不是文件)
- 禁用 dat.图形用户界面文件夹
- JSON 对象图形用户界面
- 我想让用户在谷歌硬盘上创建文件夹,而不需要任何进一步的签名
- 允许用户使用javascript将文件上传到文件夹
- 谷歌应用程序编写Web应用程序脚本以在用户's的myDrive文件夹仅将文件发送到MY Drive(应用程序的创
- 阻止用户访问资源文件夹中的文件.托管在Apache Tomcat上
- 访问特定Dropbox用户's文件夹中使用API
- 显示进度条或阻止用户界面,直到文件在服务器端生成
- 每个用户在iBrowser中拥有自己的TinyMCE图像文件夹
- Google Apps Script为用户添加文件夹
- 用户上传文件时选择文件夹
- 如何直接用户上传的文件到一个特定的谷歌驱动器文件夹
- 在Jscript中获取给定用户的特殊文件夹路径