首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将ExtJS组件放入div中

将ExtJS组件放入div中
EN

Stack Overflow用户
提问于 2015-06-29 13:41:34
回答 1查看 248关注 0票数 1

我正在尝试将ExtJS表单放到div中。但是当我这样做的时候,所有的风景都会变得一团糟。知道如何将ExtJS组件安装在div中吗?

代码语言:javascript
复制
 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);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-29 14:01:20

替换

代码语言:javascript
复制
renderTo: Ext.getBody()

使用

代码语言:javascript
复制
renderTo: 'theIdOfYourDiv'

移除

代码语言:javascript
复制
formPanel.appendTo(configurationsContent);

(因为在appendTo上没有Ext.form.Panel方法)。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31117278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档