ExtJs - 渲染对象“布局形式”动态地在 DOM 中

Question

我有一个函数：

var my_form = function() {
    return {
        layout:'form',
        items: [
            {
                xtype:'textfield',
                fieldLabel: "Name",
                maxLength: 255
            }
        ]
    };
}

我想动态渲染它。这不起作用：

var t = Ext.DomHelper.createTemplate(my_form()).compile();
Ext.DomHelper.insertBefore('my_div', t);

如何做到这一点？

谢谢 ：）

Answer 1

我发现它可以这样工作：首先通过 DomHelper 创建一个 div，然后使用“renderTo”配置选项创建 FormPanel。

Ext.onReady(function(){

    var formdiv = Ext.DomHelper.insertBefore('my_div', {tag: 'div', id: 'form_div' } );

    var my_form = function() {
        return {
            layout:'form',
            renderTo:'form_div',
            items: [
                {
                    xtype:'textfield',
                    fieldLabel: "Name",
                    maxLength: 255
                }
            ]
        };
    }

    var t = new Ext.FormPanel(my_form());

});