1

Java Script 内から 4 つの入力フィールドを生成しています。しかし今は、dojo TextBox dijit を使用して入力を取得したいと考えています。入力タグを dojo TextBox に変換するにはどうすればよいですか?

これが現在のコードです...

var container = document.createElement("span");
domClass.add(container, "Class name");
var input = document.createElement("input");
input.type = "text";
input.name = "textinput";
domClass.add(input, "Some Class name");
container.appendChild(input);
4

1 に答える 1

3

クラスを DOM ノードに追加するために「dojo/dom-class」が必要であることがわかります。ここで、「dijit/form/TextBox」も必要とします。新しい TextBox ウィジェットを配置するには、 のような DOM ノードが必要です<div id="input_container"></div>。それがあれば、それらを作成して挿入するのは次のように簡単です。

new TextBox({
   name: "textinput",
   // Additional properties...
}, "input_container");

これにより、新しいdijit/form/TextBoxウィジェットが作成divされ、ID として「input_container」を使用して配置されます。この fiddleでわかるように、私が示しているようにウィジェットを DOM 構造にすぐに配置する必要はありません。新しい TextBox ウィジェットを、後で必要な場所に配置できる変数に割り当てることもできます。

document.createElement()ちなみに、ネイティブappendChild()メソッドを使用しているようです。これらはブラウザーごとの標準ではないため、これらの方法に依存すると、ブラウザー間で奇妙な問題が発生する可能性があります。Dojo は、同様のメソッドを提供し、さまざまなブラウザー実装を独自に処理する (そのため、心配する必要はありません)優れたdojo/dom-constructモジュールを提供します。

于 2013-02-21T14:54:31.893 に答える