填充化JSON文件中dat.gui

2017-11-11 96 views 0 likes

我想提出一个下拉使用JavaScript 这里的菜单下拉菜单是JSON文件填充化JSON文件中dat.gui

{ 
"bg1":"assets/bg/people_bg.jpg", 
"bg2":"assets/bg/people_bg.jpg" 
}

我只是试图把名字作为BG1和BG2到BG（ n）下拉，所以用户可以选择任何background.Here是我的代码dat.gui（）;

{ 
controller = new function() { 
this.bg = ''; 
} 
var gui = new dat.GUI(); 
f1 = gui.addFolder('Sphere'); 
f1.add(controller, 'bg', displayingNameOfBackground).onChange(function() { 
    //if change using their path to change background 
      );

来源

2017-11-11 Abdul Ahad

您的JSON是无效的。用这个[验证器]（https://jsonlint.com/）检查它。 – prisoner849

更正..我现在可以做下拉菜单吗？ –

看看我的答案。 – prisoner849

回答

这取决于你想要的结果是什么，但作为一个选项，你可以做这样的：

var json = { 
 
    "background": { 
 
    "bg1": "assets/bg/people_bg1.jpg", 
 
    "bg2": "assets/bg/people_bg2.jpg" 
 
    } 
 
}; 
 

 
var gui = new dat.GUI(); 
 
f1 = gui.addFolder('Sphere'); 
 
f1.add(json, "background", json.background).onChange(function(value) { 
 
    alert(value) // do the stuff to change background 
 
}); 
 
f1.open();

body { 
 
    overflow: hidden; 
 
    margin: 0; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>

来源

2017-11-11 12:30:41 prisoner849

谢谢，完美工作... –

填充化JSON文件中dat.gui

回答

相关问题