Question

Ext border布局下 往center部分添加tap页面

hpGrid button[action = check]' :{
click: function(){
var coldata=this.getHpGrid().getSelectionModel().getSelection();
console.log("this is:"+this.id);
var ce = Ext.getCmp('viewCenter');
//这里console里显示获取不到对象

var center=new Ext.TabPanel({
style:"padding:0 5px 0 5px",
region:"center",
activeItem:0,
enableTabScroll:true,
layoutOnTabChange:true,
autoScroll:true,
items:[{
xtype:"panel",
id:"index",
iconCls:"test",
title:"title",
html:'<iframe id=mainPage width="100%" height="100%" frameborder=0 src='+url+'></iframe>'
}]
});

ce.add(center).show();
然后现在点击对应的按钮之后页面生成不了,要得效果就像图片里那样

点击首页里的一个按钮之后会在旁边生成一个新的tab窗口

Answer 1

现在这个代码是 首页里面的，还是通过Viewport布局里面的

是首页里面的按钮点击 新增一个tab页面
var tab=parent.window.Ext.getCmp('wiewport里面的tabpanel 的id'');
var p=tab.add({
title:'222',

id:'1111',
iconCls:'',

tabTip:'',

html:'<iframe id=mainPage width="100%" height="100%" frameborder=0 src='+url+'></iframe>',

closable:true
});
tab.setActiveTab(p);