dojo - 如何以编程方式制作 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({})在任何地方你可能会期待一个小部件。