添加标签，面板和更多元素到extjs.window

Question

我正在尝试打开一个extjs窗口，其中我想在一侧使用面板而在另一侧使用选项卡。在tabpanel上我想在不同的面板上使用formpanel，combobox和gridview。我知道要问太多了。我在网上找了很多例子，如何单独完成所有这些，但是结合这些功能的最佳方法是什么？

以下是我找到大部分示例的链接：

https://web.archive.org/web/20130113094550/http://extjs.wima.co.uk/

Answer 1

  

一面是面板，另一面是Tabs

如果您的意思是左侧的panel和右侧的Tabs，请使用border布局。左边一个设置panel作为west区域的项目。在右侧，放一个Tabpanel。面板的每个选项卡都可以包含您提到的每个项目。

Ext.Window({
 layout : 'border'
 items : [{
  xtype : 'panel'
  region : 'west'
  items : [{
   //.. Any items you need
  }]
 },{
  xtype : 'tabpanel',
  region : 'center' // DONOT FORGET!
  items : [{
   xtype : 'form',
   itmes : [{
    //..Any form items that you need, including comboboxes
   }]
   },
   {
    xtype : 'grid',
    // other configs of grid
   },
   {
   // Any other components you desire
   }
  ]
 }]
});

添加您需要的任何其他配置选项。 Ext JS api写得很好。