extjs tablepanel 高度自适应有关问题

浏览数：22 / 时间：2015年06月09日

extjs tablepanel 高度自适应问题

项目中为了给客户好点的功能切换体验,想到了用extjs的tabpanel

在页面中用了tabpanel后,高度新打开的tab页的iframe 的高度总是出现无法填满页面的情况

于是被迫给tabpanel指定了高度,为了达到自适应的效果用了

document.body.clientWidth

document.body.clientHeight

代码如下:

		Ext.onReady(function() {
			Ext.BLANK_IMAGE_URL = ‘script/extjs/resources/images/default/s.gif‘;
			Ext.QuickTips.init();	
			
			scrollerMenu = new Ext.ux.TabScrollerMenu({
				maxText  : 15,
				pageSize : 5
			});
			
			panel = new Ext.TabPanel({
				applyTo:document.body,
		        enableTabScroll:true,
		        activeTab:0,
		        resizeTabs:true,
		        layoutOnTabChange:true,
		        height:document.body.clientHeight,
		        plugins:[‘tabclosemenu‘,scrollerMenu],
		        defaults: {autoScroll:true},
		        items:[{
		            id: ‘testPanel‘,
		            iconCls: ‘new-tab‘,
		            title: ‘首页‘,
		            html:‘<iframe id="frmmain" name="frmmain" scrolling="auto" frameborder="0" width="100%" height="100%" src="yz/toHandleElectronDocumentList.action"></iframe>‘,
		            closable:false,
		            autoScroll: true
		        }
		        ]
	    	});
		});

extjs tablepanel 高度自适应有关问题,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

extjs tablepanel 高度自适应有关问题