Question

我试图将ExtJS表单放入div中。但是当我这样做时，所有的观点都变得混乱了。知道如何在div中安装ExtJS组件？

 var configurationsContent=$('<div class="tab-pane" id="tab3">'+"Page 3" +'</div>').appendTo(tabContent);
 var formPanel = Ext.create('Ext.form.Panel', {
    title: 'Support Ticket Request',
    width: 650,
    height: 500,
    renderTo: Ext.getBody(),
    style: 'margin: 50px',
    items: [{
        xtype: 'container',
        layout: 'hbox',
        items: [{
            xtype: 'textfield',
            fieldLabel: 'First Name', 
            name: 'FirstName',
            labelAlign: 'top',
            cls: 'field-margin',
            flex: 1
        }, {
            xtype: 'textfield',
            fieldLabel: 'Last Name',  
            name: 'LastName',
            labelAlign: 'top',
            cls: 'field-margin',
            flex: 1
        }]
    }]
});
        formPanel.appendTo(configurationsContent);

Answer 1

替换

renderTo: Ext.getBody()

与

renderTo: 'theIdOfYourDiv'

并删除

formPanel.appendTo(configurationsContent);

（因为appendTo上没有Ext.form.Panel方法。）

将一个ExtJS组件放在div中

1 个答案: