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

时间:2011-10-05 13:44:50

标签: sencha-touch

在浏览了如何使一个垂直标签栏停靠在面板右侧多年之后,它似乎不像它支持的东西。所以我正在寻找手动实现我想要的最佳方式。

我想尽可能多地使用核心的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',
      }


    ],
  }

1 个答案:

答案 0 :(得分:1)

检查Ext.TabBar的来源。它扩展了Ext.Panel,并没有太多的魔法/代码。 您可能还需要调整CSS端。 不过,你似乎已经走上正轨了。