Ext TabPanel items高度宽度自适应(续)

经过努力调试,终于解决了头痛的问题,只要加上如下的红色,即可自适应浏览器了!浪费的时间可冤枉了,不过解决了也有成就感啊哈哈!


FirstPanel=function(){
 FirstPanel.superclass.constructor.call(this, {
    id : 'mapabcMonitor',
    contentEl : "mapdiv",
    layout : 'accordion',
    title : '地图监控',
    autoScroll: true,
    disabled:true,
    items : []
   });  
}
Ext.extend(FirstPanel, Ext.Panel);

SecondPanel=function(){
 
 SecondPanel.superclass.constructor.call(this, {
    id : 'center-panel',
    layout : 'accordion',
    title : '竹节图监控 ',
    autoScroll: true,
    disabled:false,
    html:'<br/><b><font color=red>颜色表示行驶方向:绿色向右,黄色向左,灰色未知方向 </font></b>(实时监控会自动刷新)<p>',
    items : []
   });  
}
Ext.extend(SecondPanel, Ext.Panel);

function removeMouseEven() {
 if(tabstate==1){
  var tab = Ext.getCmp('findaroundcar');
  var ap = tab.getActiveTab();
  if (ap.id == 'leftPanel2') {
   unregistMouseAddMarker();
  }
 }
}
function removeEven(){
 Ext.getCmp("center_del").hide();
 Ext.getCmp("center_set").show();
 Ext.getCmp("center_set").enable();
 longitude=0;
 latitude=0;
 removeMouseEven() ;
}
/***************************************************
 * 线路监控
 ************************************************/
LeftPanel = function() {
 var panel=this;
 this.secondPanel = new SecondPanel();
 this.firstPanel = new FirstPanel();
 
 this.tabs = new Ext.TabPanel({
   id : 'findaroundcar',
   activeItem : 1,
   border : false,
   items : [panel.secondPanel,panel.firstPanel]
   
 });
 LeftPanel.superclass.constructor.call(this, {
      title : '线路监控',
   id : 'leftPanel',
   region : 'center',
   layout:"fit",
   
collapsible: false,
   //autoScroll: true,
   items : [panel.tabs]
   });
}
Ext.extend(LeftPanel, Ext.Panel);

你可能感兴趣的:(html,浏览器,ext)