Safari Extjs網格渲染問題

Question

Here是我的意思的簡單例證。它適用於IE和FF，但不適用於Safari。

我有四個動態添加到tabpanel項目的面板。三個是網格面板，一個是表單面板。我需要保留網格的比例或大小。我嘗試了幾種佈局方法（表格，列，絕對等），到目前爲止似乎沒有任何工作。對於表格佈局，所有尺寸最終都是相同的寬度。看來我最好的選擇是列布局，並且它們似乎在FF，IE中正確呈現，但在圖像中沒有顯示在Safari中。 （當這個項目不適合當前行時，這個列看起來就是第二行）。最初，標題欄和幾個列標題不顯示。

有任何建議。

謝謝。

alt text http://pssnet.com/~devone/pssops3/testing/Screenshot.png

Answer 1

你最好的選擇可能是一個BorderLayout。我不知道你怎麼想的頁面看，所以我不能告訴一下具體的配置將是最好

編輯：由於您使用的是分機3.1，你真應該看看新HBox（sample）和VBox（sample）佈局。他們是非常強大的，並會做你想要的。

Ext.onReady(function() { 
    var panel = new Ext.Panel({ 
     id:'main-panel', 
     baseCls:'x-plain', 
     renderTo: Ext.getBody(), 
     width: 600, 
     height: 400, 
     layout: { 
      type: 'vbox', 
      align:'stretch' 
     }, 
     defaults: { 
      xtype: 'panel', 
      baseCls:'x-plain', 
      flex: 1, 
      layout: { 
       type: 'hbox', 
       align: 'stretch' 
      } 
     }, 
     items: [{ 
      defaults: { 
       xtype: 'panel', 
       frame: true 
      }, 
      items: [{ 
       title: 'Item 1', 
       flex: 1 
      },{ 
       title: 'Item 2', 
       flex: 2 
      }] 
     },{ 
      defaults: { 
       xtype: 'panel', 
       frame: true 
      }, 
      items: [{ 
       title: 'Item 3', 
       html: 'sssssssssssss', 
       flex: 2 
      },{ 
       title: 'Item 4', 
       flex: 1 
      }] 
     }] 
    }); 
});