Extjs在tabpanel中多次添加同一个GridPanel失败,如何解决
//中间主面板
var center = new Ext.TabPanel({//创建中间的面板
id: 'middle',//id值
region: 'center',
height: 420,
border: false,
activeTab: 0,//处于激活状态的按钮
autoScroll: true,
enableTabScroll: true,
items: [{
title: '界面',
html: '<img id="wellcomePicture" src="pic/login.jpg" height="100%" width="100%"/>',
border: false,
id: 'first'//id值
}]
});
//右边树形面板
var left = new Ext.Panel({//右边的面板
region: 'east',
id: 'le',
width: 270,
iconCls: 'le',
title: '操作',
border: false,
collapsible: true,
layout: 'fit',
items: new Ext.TabPanel({//嵌套的面板tab(一)
width: 200,
activeTab: 0,
items: [{
title: '功能面板',
xtype:'treepanel',
autoScroll: true,
split: true,
loader: new Ext.tree.TreeLoader(),
root: new Ext.tree.AsyncTreeNode({
expanded: true,
children: [
{text:'统计报表',id:'total',children:[{text:'历史轨迹',id:39,leaf:true}]}
]
}),
rootVisible: false,
listeners: {
click:function(node)
{
switch(node)
{
case 39:
center.add(hrgrid()).show();
break;
}
}
}
}]
})
});
var login = function ()
{
Ext.QuickTips.init();
new Ext.Viewport({//Viewport显示,无需渲染
layout: "border",//boeder布局;
items: [center, left]
});
}
var GridHistoryRoad = new Ext.grid.ColumnModel([{
header: '车牌号',
dataIndex: 'hrCarID',
width: 150
}, {
header: '纬度',
dataIndex: 'brWeidu',
width: 125
}, {
header: '经度',
dataIndex: 'hrJingdu',
width: 125
}, {
header: '时间',
dataIndex: 'hrTime',
width: 175
}, {
header: '地址',
dataIndex: 'hrAdress',
id: 'hrAdress'
}]);
var HrStore = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(),
reader: new Ext.data.ArrayReader({}, [{
name: 'hrCarID'
}, {
name: 'brWeidu'
}, {
name: 'hrJingdu'
}, {
name: 'hrTime'
}, {
name: 'hrAdress'
}])
});
HrStore.load();
function hrgrid(){
var hrgrid = new Ext.grid.GridPanel({
height: 500,
autoWidth: true,
title: '历史轨迹',
closable: true,
id: 'hrgridID',
autoScroll: true,
autoExpandColumn: 'hrAdress',
cm: GridHistoryRoad,
store: HrStore,
tbar: [{
text: '<div id="hrgridchooseCar"> 选择车辆</div>',
handler: function(){
}
}, '-', {
xtype: 'label',
text: '开始时间'
}, {
xtype: 'datefield',
id: 'hrgridTimefield',
format: 'Y-m-d H:i:s',
width: 130,
listeners: {
'select': function(v){
}
}
}, '-', {
xtype: 'label',
text: '结束时间'
}, {
xtype: 'datefield',
id: 'hrgridTimefield1',
format: 'Y-m-d H:i:s',
width: 130,
listeners: {
'select': function(v){
}
}
}, '-',{
text: '查询轨迹',
handler: function(){
}
}],
listeners: {
'close': function(){
// var gp = Ext.getCmp('hrgridID');
// Ext.destory(gp);
}
}
});
return hrgrid;
}
Ext.onReady(login);
这是我写的代码,求大家帮帮忙