Sencha touch 如何使用sencha touch中vbox面板中的现有按钮

环顾四周，了解了如何将垂直选项卡栏停靠在面板右侧多年之后，它看起来不像是它所支持的东西。因此，我正在寻找最好的方式手动实现我想要的

我想使用尽可能多的核心sencha材料。我已经看了一些东西，但目前正在修补一个带有按钮的vbox面板，我的想法是为它们添加一些额外的样式，使其看起来更像选项卡面板中的选项卡

请原谅我下面含糊不清的部分代码，但我一直在添加和删除各种选项，有点迷失了方向。希望它能给你一个想法，我是如何尝试实现一个正确停靠垂直选项卡面板虽然

我希望有人能给我指点，告诉我如何将UI引导回TabPanel或其他替代品的外观

提前谢谢

{
    xtype: 'panel',
    dock: 'right',
    width: 120,
    height: '100%',
    layout: {
      type: 'vbox',
      align: 'start'
    },
    ui: 'light',
    defaults: {
      xtype: 'button',
      margin: '10 10 0 0',
      iconMask: true,
      ui: 'plain',
      color: '#fff'
    },
    items: [
      {
        text: 'test',
        iconCls: 'time',
      },
      {
        text: 'test2',
        iconCls: 'time',
      }


    ],
  }

---

检查Ext.TabBar的源代码。它扩展了Ext.Panel，没有太多的魔法/代码。 您可能还需要调整CSS方面。

---

不过，您似乎已经走上了正确的道路。

谢谢steffen。由于需求有点非标准，我不得不这样做，只是它不是一个核心对象的可直接配置选项。最新的设计实际上并不需要这样做，但花点时间阅读TabBar是很好的，在调试错误之前，我通常不会阅读库。这是我会做得更多的事情