EXT-JS應用程序中的選項卡中的窗體和網格

我想在EXT-JS應用程序中顯示搜索窗體和網格。我想這一點：EXT-JS應用程序中的選項卡中的窗體和網格

items: [ 
       { 
        title: 'myTab', 
        xtype: 'myform', 
        xtype:'mygrid', 
        flex:1 
       } 
     ]

我的問題：當我註釋掉

xtype: 'mygrid'

我可以看到搜索表單。當我取消註釋該行時，網格與表單重疊。我怎麼解決這個問題？

更新：我看到我需要使用vbox佈局。我試着用各種方式嘗試，但無法弄清楚它應該放在哪裏。

來源

2013-08-29 Vabbs

我想通了。這是我如何在代碼中添加布局：

items: Ext.create('Ext.tab.Panel', { 
      activeTab: 0, 
      layout : {   // This is how to save the form from being overlapped by the      
            //grid panel. 

        type: 'vbox', 

        align: 'fit' 

       }, 

      items: [ 
       { 

        title: 'Single-Activity Resource', 
        items : [ 

           { 

            xtype:'myform' 

           }, 

           { 

            xtype:'mygrid', 

            flex: 1 

           } 

          ] 
       } ...

來源

2013-08-29 11:50:13 Vabbs

您正在混合陣列（即[...]）和對象（即{...}）。

在Ext容器中的items選項必須是對象數組。那裏的對象可以是原始配置對象或實例化的組件。

所以，你必須使用的語法如下所示：

items: [ 
    { 
     title: 'myTab', 
     xtype: 'myform' 
    },{ 
     title: "Grid Tab", 
     xtype:'mygrid' 
    } 
]

看到，這是類似於整數像[1,2,3]數組除了元素是對象{...}，而不是數量。

來源

2013-08-29 11:06:55 rixo

感謝您的時間朋友。我將upvote你的答案，因爲它解釋瞭如何正確使用數組。但這不是我想要的。要求你看到我自己的答案，我想到了我正面臨的「實際」問題。我的網格面板與表單面板重疊。它工作正常！：）再次感謝。 – Vabbs

EXT-JS應用程序中的選項卡中的窗體和網格

回答

相關問題