extjs panel内添加div

Ext.define('MyApp.view.MapView', {

    extend: 'Ext.panel.Panel',

    alias: 'widget.MapView',

    layout: 'fit',

    initComponent: function () {

        var me = this

        me.html=Ext.getBody().createChild({

            tag: 'div',

            id: 'mapDiv'

        })

        

        me.callParent(arguments)

    }

})

只能这么办。写两个标签，像这样：<div id="form"><div id="field1"></div>在第一个div上创建一个form。var form = new ext.form.form(config)form .render("form")form里不要add任何东西，然后直接创建你的datafield,var field1 = new Ext.form.DataField(config)直接把这个field渲染到你的div上，field1.render("field1")看看效果，如果不行，再加上几句，像这样，form.getEl().setStyle(visibility,"hidden") 总结一下，就是拆开组件和form的关系，把form的渲染和组件的渲染完全分开。

---