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