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

我知道的一种方法是有效的，因为我在我的代码中使用它是使用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()
});

Answer 2

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

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

如何在ext4.1中设置列布局

2 个答案: