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应用程序中的选项卡中的窗体和网格

回答

相关问题