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
		        }
		        ]
	    	});
		});