Кнопки ссылки на новые панели в Sencha Touch - PullRequest
Новая
       28

Кнопки ссылки на новые панели в Sencha Touch

2 голосов
/ 14 июня 2011

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

new Ext.Application({
        name: 'Demo App',
        launch: function() {
        this.viewport = new Ext.TabPanel({
           fullscreen: true,
           id: 'mainPanel',
           html: 'Welcome',
           cls: 'homescreen',
           dockedItems: [{
              xtype: 'toolbar',
              ui: 'light',
              title: 'Home',
              items: [
                 {text: 'Option1', ui: 'action',  flex: 1},
                 {xtype: 'spacer', },
                 {text: 'Option2', ui: 'action',flex: 1 }
              ]
           }]
        }); 
    }
});

1 Ответ

1 голос
/ 15 июня 2011

Это не совсем то, что нужно для панели вкладок. Предполагается загрузить карты в основную панель и позволить вам перемещаться между ними. Вы можете загрузить новую полноэкранную панель (которая может иметь свою собственную панель вкладок или другие элементы), перехватив переключатель карты и отобразив новую отдельную панель следующим образом: 

new Ext.Application({
    name: 'Demo App',
    launch: function() {
        this.viewport = new Ext.TabPanel({
            fullscreen: true,
            id: 'mainPanel',
            cls: 'homescreen',
            items: [{
                title   : 'Home',
                html    : 'Welcome'
            },{
                title   : 'Full screen'
            }],
            listeners   : {
                beforecardswitch : function (ct, newcard, oldcard) {
                    if (newcard.title == 'Full screen') {
                        var panel = new Ext.Panel({
                            fullscreen  : true,
                            dockedItems : [{
                                xtype   : 'toolbar',
                                title   : 'Full screen',
                                dock    : 'top',
                            }],
                            html        : 'Full!'
                        });
                        return false;
                    } else {
                        return true;
                    }
                }
            }
        }); 
    }
});

Затем вам придется как-то закрыть эту панель (вероятно, кнопку закрытия), чтобы пользователь мог вернуться к исходной панели вкладок. Хотя вам лучше оставить панель вкладок как есть и добавить новые карты на панели внутри панели вкладок.

Надеюсь, это ответит на ваш вопрос.

...