extjs4.1 - ext4.1中如何设置列布局

Question

我对 EXTJS 4.1 布局有疑问。

如何在 ext 4.1 中设置面板的列布局。

在Mozilla它的工作正常。

但在 IE 中，它没有呈现，而且 IE 正在尝试关闭。

示例代码是，

          var panel1 = getPanel1();
          var panel2 = getPanel2();
          var panel3 = Ext.create('Ext.Panel',{
           layout:{type:'table',columns:2},
           title:'Panel3',
           items:[panel1,panel2],
           renderTo:Ext.getBody()
          });

请给我一个解决方案，在 ext4.1 的列中呈现面板......

Answer 1

您是否尝试过他们在文档中显示的示例？

Ext.create('Ext.panel.Panel', {
    title: 'Column Layout',
    width: 350,
    height: 250,
    layout:'column',
    items: [{
        title: 'Column 1',
        columnWidth: 0.50
    },{
        title: 'Column 2',
        columnWidth: 0.50
    }],
    renderTo: Ext.getBody()
 });

Answer 2

我知道一种可行的方法是使用 hbox 布局，因为我在我的代码中这样做。我相信这是您示例的等效布局：

var panel1 = getPanel1();//make sure this panel contains flex: .5
var panel2 = getPanel2();//make sure this panel contains flex: .5
var panel3 = Ext.create('Ext.Panel',{
   layout:{type:'hbox'},
   title:'Panel3',
   items:[panel1,panel2],
   renderTo:Ext.getBody()
});