将 Ext.Button 类添加到 Box 组件中答案

【问题标题】：Adding an Ext.Button class into a Box Component将 Ext.Button 类添加到 Box 组件中
【发布时间】：2009-07-27 23:53:47
【问题描述】：

我正在使用 extjs 2.2.1，在将按钮添加到框组件类时遇到了一些麻烦。据我了解，由于 box 组件扩展了组件类，因此它没有允许添加项目的配置选项。所以下面的代码不起作用...

new Ext.Viewport({
   layout : 'border',
   items : [new Ext.BoxComponent({
      region : 'north',
      el : 'north',
      height : 50,
      items : new Ext.Button({
         iconCls : 'logout',
         text : 'logout',
         tooltip : 'logout',
         handler : function() { }
      }, mainTabPanel])
});

有没有一种解决方法，我可以在这个由 boxcomponent 类组成的北部区域中添加一个按钮？非常感谢任何正确方向的帮助。谢谢。

【问题讨论】：

标签： javascript button extjs viewport

【解决方案1】：

BoxComponent 没有包含子项的能力，如果您查看文档，您会发现没有配置选项可以做到这一点。您将需要使用 Container（或其某些子类）来获得此效果。

【讨论】：

您好，埃文，谢谢您的回复。我浏览了 API 并找到了一个替代方案，即容器类（面板）。干杯！
如果您找到了解决问题的方法，请将其添加为未来有类似问题的人的答案。

【解决方案2】：

没有办法在 BoxComponent 类中包含子项，因为它不是容器。因此，我将 BoxComponent 更改为一个容器类，例如 Panel，它允许我添加一个按钮类。

new Ext.Viewport({
   layout : 'border',
   items : [new Ext.Panel({
      region : 'north',
      applyTo : 'north',
      height : 50,
      items : new Ext.Button({
         iconCls : 'logout',
         text : 'logout',
         tooltip : 'logout',
         handler : function() { }
     }, mainTabPanel])
  });

【讨论】：