Extjs沙箱內的tabpanel和卡布局

我有一個extjs 3.4應用程序使用extjs 4.1沙箱圖表。我唯一的問題是，在IE8中，它們在從tabpanel佈局激活或從卡片佈局中調用時不會完全呈現。Extjs沙箱內的tabpanel和卡布局

沒有什麼太特別之處代碼：

var barBreakdownChart = Ext4.create('Ext4.chart.Chart', { 
    renderTo: Ext.get('barBreakdownDiv').dom, 
    width: 550, 
    height: 300, 
    animate: true, 
    store: geosPeerChartStore, 
    legend: true, 
    axes: [{ 
     type: 'Numeric', 
     position: 'left', 
     title: 'Days of Supply', 
     fields: ['line1', 'line2', 'line3', 'line4', 'line5'], 
     label: { 
      renderer: Ext.util.Format.numberRenderer('0,0') 
     }, 
     labelTitle: { 
      font: '14px "Lucida Grande"' 
     }, 
     grid: true, 
     minimum: 0 
    }, { 
     type: 'Category', 
     position: 'bottom', 
     // label: { 
     //  rotate: { 
     //   degrees: 315 
     //  } 
     // }, 
     fields: ['name'] 
    }], 
    series: [{ 
     type: 'column', 
     fill: true, 
     //title: 'Current Year', 
     axis: 'left', 
     highlight: true, 
     tips: { 
      trackMouse: true, 
      width: 140, 
      height: 28, 
      renderer: function (storeItem, item) { 
       this.setTitle(storeItem.get('name') + ': ' + storeItem.get('line1') + ' $'); 
      } 
     }, 
     xField: 'name', 
     yField: ['line1', 'line2', 'line3', 'line4', 'line5'] 
     ,title: ['2008', '2009', '2010', '2011', '2012'] 
    }] 
});

那麼這裏就是圖被稱爲一個tabpanel內：

 items: [{ 
      xtype: 'tabpanel', 
      style: 'margin-bottom: 10px;', 
      height: 400, 
      deferredRender: false, 
      defaults: { 
       hideMode: 'offsets' 
      }, 
      activeTab: 0, 
      items: [{ 
       title: 'Line Chart', 
       items: lineBreakdownContainer 
      }, { 
       xtype:'panel', 
       html: '<div id="barBreakdownDiv"> </div>' 
      }]

來源

2012-09-17 BillTallitsch

也許問題是與風格。嘗試使用另一個CSS（即ext-ie-debug.css），而不是resource/css/ext-all.css

來源

2012-11-13 16:04:36 chepike

Extjs沙箱內的tabpanel和卡布局

回答

相關問題