更改 Ext JS 工具栏方向（在配置之外）答案

【问题标题】：Change Ext JS Toolbar orientation (Outside the config)更改 Ext JS 工具栏方向（在配置之外）
【发布时间】：2012-11-02 18:34:07
【问题描述】：

有没有一种轻松的方法来改变 Ext JS 工具栏的方向？类似于将 tbar 更改为 bbar（在配置之外）

我正在尝试在 Ext JS 3.4 中执行此操作

我知道我可以覆盖配置并更改工具栏方向。但我想知道是否有人足够聪明，只需几行代码就可以做到。

【问题讨论】：

在什么时候？你的意思是在组件渲染后以编程方式？
渲染后也可以。当组件显示/对用户可见时，我基本上希望 tbar 为 bbar。
那么为什么不在配置中这样做呢？
好吧，我的配置有一个 tbar。我想知道如何在包含工具栏的面板被渲染之前将该 tbar 更改为 bbar。我正在使用的应用程序是一个多租户应用程序。在某些情况下它必须看起来像一个 tbar，而在其他情况下它必须看起来像一个 bbar。所以我需要在我的配置之外更改它。

【解决方案1】：

更改初始配置的方法是在实例化期间传递一个覆盖配置。例如，如果您定义了一个带有 tbar 的面板：

Ext.define('MyPanel',{
  extend:'Ext.panel.Panel',
  tbar: [{text:'myButton'}]
  ...
});

您可以在实例化它时覆盖它的配置：

Ext.create('MyPanel',{
  tbar:undefined,
  bbar: [{text:'myButton'}]
  ...
});

【讨论】：