Sencha Touch - макет панели вкладок - PullRequest
Новая
       16

Sencha Touch - макет панели вкладок

0 голосов
/ 21 сентября 2011

Пожалуйста, посмотрите демо: http://jsfiddle.net/JeaffreyGilbert/NGrry/1/

enter image description here

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

Ожидаемый макет: http://dev.sencha.com/deploy/touch/examples/kitchensink/. Я думаю, что Источник не завершен, только сама tabPanel.

Пожалуйста, помогите.

1 Ответ

1 голос
/ 21 сентября 2011

Обычно для такого макета мне приходилось вкладывать панели и использовать пустые панели с атрибутом flex, установленным в 1.

Я изменил ваш код, чтобы показать, что я имею в виду http://jsfiddle.net/r9c2M/

Например, чтобы центрировать текст «Домой» под заголовком панели инструментов, я изменил элемент первой вкладки на 

{
    title: 'Home',
    layout: 'vbox',
    items: [
        {layout: 'hbox',
         items: [
            {flex: 1},
            {html: '<h2>Home</h2>'},
            {flex: 1}
        ]},
        {flex: 1}
    ],
    iconCls: 'home',
    cls: 'card card1'}

Кроме того, панель вкладок должна быть просто элементом главной панели просмотра, а не прикрепленным элементом. Это тоже испортило макет.

...