dojo：如何克隆小部件？

Question

如何克隆 Dojo 表单 (dijit.form.Form) 及其子部件？理想情况下，我也想更改克隆小部件的 ID。我也有兴趣克隆可能附加到小部件的任何事件。

我玩了一下 dojo.clone 但这只适用于 DOM 对象。

谢谢

Answer 1

假设继承确实是您所需要的，那么我只需制作一个新的小部件。假设您正在使用异步加载器和 Dojo 1.7。我会做类似的事情：

define([
    'dojo',
    'module',
    'dijit/form/Form',
    'dijit/form/TextBox',
    'dijit/_TemplatedMixin',
    'dijit/_WidgetsInTemplatedMixin'
], function (dojo, module, Form, TextBox, _TemplatedMixin, _WidgetsInTemplatedMixin) {
    // I have a wrapper for declare that handles this, but...
    return dojo.declare(module.id.replace(/\//g, '.'), [Form, _TemplatedMixin, _WidgetsInTemplatedMixin], {

        widgetsInTemplate: true,

        // Make a template, I usually use a separate file.
        templateString: '<form data-dojo-type="dijit.form.Form">' +
                             '<input data-dojo-type="dijit.form.TextBox" />' +
                        '</form>'

        postCreate: function () {
            this.inherited(arguments);
            // Attach your specialized events.
        }
    });
});

如果您使用同步加载器，那么您将需要 dojo.declare：

dojo.provide('mynamespace.CustomForm');

// Do this for all child widgets and anything else you use.
dojo.require('dijit.form.Form'); 
dojo.require('dijit._Templated');
dojo.require('dijit.form.TextBox');

dojo.declare('mynamespace.CustomForm', [dijit.form.Form, dijit._Templated], {

        widgetsInTemplate: true,

        // Make a template, I usually use a separate file.
        templateString: '<form dojoType="dijit.form.Form">' +
                             '<input dojoType="dijit.form.TextBox" />' +
                        '</form>'

        postCreate: function () {
            this.inherited(arguments);
            // Attach your specialized events.
        }
    });
});

然后您的模块将可通过 var container = someElement; 来使用。新的path.to.File（{}，容器）；。或者您可以在标记中声明该小部件。请告诉我是否可以使其更具体或适用于不同版本的 Dojo。