EXT4.1 tabpanel

最近研究了下EXT4.1 tabpanel 记录一下心得

v<span style="font-size:14px;">ar orgmessage = new Ext.widget({      //EXT4不建议使用new 推荐使用create
			xtype: 'tabpanel',
			id : "centerTabPanel",
//			region : "center",
			deferredRender : true,
			enableTabScroll : true,
//			activeTab : 0,
			heigth:'auto',  
			defaults : {
				autoScroll : true,
				closable : true
			},
			items : {
				id : 'welcome-panel',
				title : '我的桌面',
				autoScroll : true,
				closable:false,
//				tbar : [],
				autoLoad : {
					url : path+'/rdf/view/pages/core/mydesk.jsp',//此页面推荐使用<iframe
// src=""/iframe>的 形式不然EXT渲染需要做特殊处理    
//				        callback : this.initSearch,
//					scope : this
				}
			},
			listeners : {
				"add" : function(d, b, c) {
					d.doLayout();
				}
			},
			});
手动添加tab页的方法
                var d=orgmessage.items.get(id);  //根据tab页的id获取该tab页    EXT4.1 tabpanel没有getItem(id)方法;
                if (d == null) {                 //若果为空,则没有该tab页添加,有的话跳过
                    var tp = new Ext.widget({
                        xtype: 'panel',
                        id : id,        //tab页id
                        title : text,    //tab页的text就是tab页上面显示内容
                        html : '<iframe src="'    //嵌入jsp页面
                                 +path+'XXXX.jsp?Id='+id         
                                + '" width="100%" height="100%" frameborder="0" style="border:0" scrolling="auto"></iframe>'
                     });
                    orgmessage.add(tp).show();   //显示此新增tab页
                }
            


</span>


你可能感兴趣的:(EXT4.1 tabpanel)