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コード内から動的に自分の入力フィールドの幅プロパティを制御できるようにしたい。

私はこの試みた：

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';