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)

    }

})

实现代码如下：

Ext.onReady(function(){

var centerRegion = new Ext.TabPanel({

region : 'center',

margins : '3 3 3 0',//距离top、right、bottom、left边界的距离,单位为像素

activeTab : 0,

defaults : {

autoScroll : true

},

items : [{

title : '主页',

html : '内容'

}]

})

centerRegion.render('con')

var westRegion = new Ext.Panel({

title : '导航',

region : 'west',

split : true,

width : 200,

//True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条

collapsible : true,

margins : '3 0 3 3',

cmargins : '3 3 3 3',

layout : 'accordion',

layoutConfig : {

titleCollapse : true,//单击标题就可以折叠面板

animate : true,//展开的效果

activeOnTop : true//是否可以改变顺序

},

items : []

})

new Ext.Viewport({

layout : 'border',

items : [{

region : 'north',

height : 100,

title : '顶部面板'

},

{

region : 'south',

height : 30,

title : '底部面板'

},

westRegion,

centerRegion]

})

})

首先说在哪一行d得问题，你确定你的onMouseOver时间是在你指定的那一行，而不是整个table，得指定到某一行，可以用ID选择器，也可以根据表中的数据，加入表中的数据含有唯一ID，你可以根据哪个IDd就可以了；

然后是d什么，你要dDIV，可以先把DIV画好，要显示的东西也弄好，弄好后把这个div加一个display：none的属性，然后在你需要它显示的时候，把它的display属性值改为block就OK了，具体实现可以把那个DIV加个ID，然后要显示的时候这样写document.getElementById("id名").style.display="block":

---