2012-06-29 50 views
0

EXTJS 4.1布局有问题。如何在ext4.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列面板....

回答

0

,我知道的作品,因为我做的方式我的代码是使用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() 
}); 
0

您是否尝试过将它们显示在文档中的示例?

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