プログラムでDojo dijitフォームを作成する方法

Question

Dojoには新しく、いくつかのUIを作成しようとしていますが、プログラマチックな方法のみを使用しています。

Dojo dijit.form.Formを使用してプログラマチックにフォームを作成する方法の例を私に示すことができたら幸いです。私はいくつかの例を探してきましたが、私が見つけることができるのはそれの宣言的な方法です。

Answer 1

よりオブジェクト指向のソリューション：

define([ 
"dojo/_base/declare", 
"dijit/form/Form", 
"dijit/form/Textarea", 
"dijit/form/Button" 
], 

function(declare, Form, TextArea, Button) { 
    return declare("mypackage.MyForm", Form, { 
     textarea: new TextArea({}), 

     submitButton: new Button({ 
      type: "submit", 
      label: "ready!" 
     }), 

     constructor: function(args) { 
      declare.safeMixin(this, args); 
     }, 

     onSubmit: function() { 
      alert(this.textarea.get('value')); 
     }, 

     postCreate: function() { 
      this.domNode.appendChild(this.textarea.domNode); 
      this.domNode.appendChild(this.submitButton.domNode); 
     } 
    }); 
} 
); 

ちょうどあなたがウィジェットを期待するかもしれない任意の場所でnew mypackage.MyForm({})をドロップします。

Answer 2

かなり簡単です。フォームのすべての部分を作成し、すべての部分をそれぞれの親に追加します。以下のように、でそれを配置するフォームオブジェクトを作成し、任意のdijitのオブジェクトと同様に、あなたは、コンストラクタにのparamオブジェクトを渡し、そしてDOMNODEするには、そう：

var resetbtn = new dijit.form.Button({ 
    type: 'reset', 
    label: 'Reset' 
}, dojo.doc.createElement('button')); 

フル例はhereです。 paramsオブジェクトに追加できるプロパティを調べるには、API Docsを参照してください。いずれのプロパティもparamリストに追加できます。