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