Как использовать существующие кнопки на панели Vbox в Сенча Touch - PullRequest
0 голосов
/ 05 октября 2011

После осмотра того, как сделать вертикальную панель вкладок справа от панели на века, это не похоже на то, что она поддерживает.Поэтому я ищу лучший способ достичь желаемого вручную.

Я хочу использовать как можно больше основных вещей сенча.Я рассмотрел несколько вещей, но в настоящее время я работаю с панелью vbox с кнопками в качестве элементов, с мыслью, что я добавлю к ним дополнительный стиль, чтобы он выглядел как вкладка на панели вкладок.

Простите за смутный частичный код, приведенный ниже, но я добавлял и удалял различные опции и немного потерялся.Надеюсь, это даст вам представление о том, как я пытаюсь создать правильную панель вертикальных вкладок.

Буду признателен за подсказки о том, как вернуть пользовательский интерфейс в сторону внешнего вида 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 Ответ

1 голос
/ 05 октября 2011

Проверьте источник Ext.TabBar.Он расширяет Ext.Panel, и там не так много магии / кодаВозможно, вам придется настроить CSS-сторону.Похоже, вы уже на правильном пути.

...