EXTJS：如何在單個頁面上顯示多個網格？

Question

我想在頁面上顯示多個網格，網格不應該彼此重疊，並且所有網格都應該水平填充，每個請求應該在同一頁上創建一個新的網格，以便我們可以非常容易地在整個網格中比較數據。請幫助我如何在EXTJS中做到這一點。我對EXTJS沒有太多的想法。

Answer 1

您想要動態生成網格還是其數量是靜態的？你能爲你提供代碼嗎？
是你的答案簡單：

{ 
    xtype:"container", 
    height: 353, 
    width: 994, 

    layout: { 
     type: 'hbox', 
     align: 'stretch' 
    }, 
    items: [ 
       { 
        xtype: 'gridpanel', 
        flex: 1, 
        title: 'My Grid Panel', 
        columns: [ 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'string', 
          text: 'String' 
         } 
        ] 
       }, 
       { 
        xtype: 'gridpanel', 
        flex: 1, 
        title: 'My Grid Panel', 
        columns: [ 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'string', 
          text: 'String' 
         } 
        ] 
       }, 
       { 
        xtype: 'gridpanel', 
        flex: 1, 
        title: 'My Grid Panel', 
        columns: [ 
         { 
          xtype: 'gridcolumn', 
          dataIndex: 'string', 
          text: 'String' 
         } 
        ] 
       } 
      ] 
} 

Answer 2

創建一個主面板，將其佈局動態HBOX，然後添加網格到面板的項目列表中用戶的要求