ExtJS Portal - 不同大小的列

Question

我需要能够在ExtJS门户中使用不同大小的列。例如，我想在中心区域，一个区域有一个大的小部件的空间，然后在它的正下方，2个区域用于2个较小的小部件。我一直试图与列玩弄出来，但似乎没有任何工作。帮帮我？

Answer 1

门户使用ColumnLayout，所以您应该能够根据需要使用标准配置来配置列宽。你尝试过什么（即发布一些代码）？

Answer 2

这是我到目前为止有：

var portalColumns = 
    [{ 
     columnWidth: .70, 
     id: 'firstColumn', 
     style: 'padding:10px 0 10px 10px' 
    }, { 
     columnWidth: .30, 
     id: 'secondColumn', 
     style: 'padding:10px 0 10px 10px' 
    }]; 

    var mainPanel = new Ext.Panel({ 
     renderTo: 'pnlContent', 
     layout: 'border', 
     height: 730, 
     width: 1255, 
     id: 'mainPanel', 
     items: [portalNavigation, 
     { 
     xtype: 'portal', 
     region: 'center', 
     margins: '35 5 5 0', 
     items: [portalColumns ] 
     }] 
    }); 

我知道我可以为整个门户网站配置列宽，但我需要他们堆叠。因此，顶部的一列横跨整个宽度，然后在它下面的两列由两个单独的宽度组成。如果我要表达它的HTML，那就是：

表 TR TD合并单元格=“2” TR TR TD TD TR 表

Answer 3

，如果我得到这个权利tableLayout会更适合您需要... 试试看：http://www.extjs.com/deploy/dev/docs/?class=Ext.layout.TableLayout