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

Я обнаружил, что это может работать следующим образом: сначала создайте div с помощью DomHelper, затем создайте FormPanel с помощью опции конфигурации renderTo.

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());

});