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