DAT GUI - 調整輸入字段的大小

Question

我正在使用Dat Gui將菜單系統添加到我的應用程序中。

我有這個在我的html代碼：

<script src="js/dat.gui.js"></script> 
<link type="text/css" rel="stylesheet" href="js/dat-gui-style.css"> 

，並在DAT-GUI-的style.css文件，我有這樣的：

.dg .c input[type=text] { width: 350px; } 

這讓我設置自定義寬度菜單系統中的輸入字段。這幾乎就是我想要達到的目標。但它只能在全球範圍內運作我希望能夠從我的js代碼中動態地控制輸入字段的width屬性。

我嘗試這樣做：

guiTest = new dat.GUI({ autoPlace: false }); 

for (i = 0; i < theMenu.paramNames.length; i++) 
{ 
    guiTest.add(theMenu, theMenu.paramNames[i]); 
    guiTest.__controllers[0].domElement.style.width = '350px'; 
} 

但它似乎並沒有工作。

有沒有人有任何想法如何做到這一點？

Answer 1

如果domElement實際上是Element一個實例，那麼你的語法應爲

guiTest.__controllers[0].domElement.style = 'width:350px';