extjstablepanel 고도 적응 관련 문제

1508 단어 ExtJs
extjstablepanel 고도 적응 문제
프로젝트에서 고객에게 좋은 기능 전환 체험을 제공하기 위해 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
		        }
		        ]
	    	});
		});

좋은 웹페이지 즐겨찾기