Question

Here简单说明了我的意思。它适用于IE和FF，但不适用于Safari。

我有四个动态添加到tabpanel项目的面板。三个是网格面板，一个是表单面板。我需要保留网格比例或大小。我尝试了几种布局方法（表，列，绝对等），到目前为止似乎没有任何工作。对于表格布局，所有尺寸最终都是相同的宽度。似乎我最好的选择是列布局，它们似乎在FF，IE中正确呈现，但在Safari中没有，如图所示。（当项目不适合当前行时，似乎列转到第二行）。最初，标题栏和几个列标题未显示。

任何建议。

谢谢。

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

Answer 1

你最好的选择可能是BorderLayout。我不确定你希望页面看起来如何，所以我不知道具体的配置是什么最好

编辑：由于您使用的是Ext 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
            }]
        }]
    });
});

Safari Extjs网格渲染问题

1 个答案: