ExtJS Tablepanel Height Adaptive related issues

ExtJS Tablepanel Height Adaptive problem

The project in order to give customers a better function switching experience, thinking of using ExtJS TabPanel

When TabPanel is used on the page, the height of the iframe of the newly opened tab page always appears without filling the page

He was forced to assign a height to the TabPanel in order to achieve an adaptive effect.

Document. body. clientwidth

Document. body. clientheight

The code is as follows:

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});p anel = new Ext.tabpanel ({AP PlyTo:document.body, Enabletabscroll:true, activetab:0, Resizetabs:true, Layoutontabchange:tru E, height:document.body.clientHeight, plugins:[' Tabclosemenu ', Scrollermenu], defaults: {AUTOSCROLL:TR UE}, items:[{ID: ' Testpanel ', iconcls: ' New-tab ', title: ' Home ', HTML: ' & Lt;iframe id= "Frmmain" name= "frmmain" scrolling= "Auto" frameborder= "0" width= "100%" height= "100%" src= "yz/        Tohandleelectrondocumentlist.action "></iframe>", Closable:false, Autoscroll:true} ]    });});