extjs4.1 - 在选项卡面板中添加面板

Question

我正在尝试显示一个网格，但在List of customers列之间添加一个面板Customer Id, active, firstname last name, email address。

我需要在这两个组件之间添加一个面板。在那个面板中，我将拥有不同的 UI 元素。我怎样才能做到这一点 ？

Answer 1

好吧，我相信您只有一个带有客户标题列表的网格，最简单的方法是将一个面板和一个网格（没有标题的网格）放入另一个具有标题的面板中。

{
  xtype: 'panel',
  title: 'List of customers',
  layout:'border',
  items: [
      {
         //the panel you want
         xtype: 'panel',
         region: 'north',
         height: 100,
      },
      {
          //your current grid without a title
          xtype: 'gridpanel',
          region: 'center',
          height: 300,
      }
  ]
}

Answer 2

我需要添加面板，标题为“列出客户”和垂直布局。在其中你需要添加两个项目：你的新面板和那个网格（没有标题）。在那里你会得到你想要的。

{
  xtype: 'panel',
   layout: {
      type:"vbox",
      pack:"start",
      align:"stretch"}
   title:"List of Customers",
   items: [ ... your new panel and grid .. ] 
}