Как добавить элемент пользовательского интерфейса Popover в Sencha

У меня есть TabPanel, прикрепленный к нижней части приложения. Он имеет несколько вкладок. Вместо того, чтобы открывать новую панель для вкладки «Настройки», я хотел добавить всплывающий список. При нажатии на любой из элементов в списке, где может открыться/не открыться новая панель.

Я понятия не имею, как добавить всплывающие окна в Sencha. Кто-нибудь может помочь?

Это мой код в настоящее время:

Вкладка «Настройки» (которая должна быть всплывающей, а не панелью, которой она является в настоящее время) -->

App.views.Settings = Ext.extend(Ext.Panel, {
  title : 'Settings',
  id : 'Settings',
  iconCls : 'settings',

  floating : true,
  modal : true, 
  hideOnMaskTap : true,
  width : '20',
  height : '20'  
});

Основная TabPanel (внутри которой находится вышеуказанная панель настроек)

App.views.RootTab = Ext.extend (Ext.TabPanel, {

fullscreen : true,     
tabBar : {
    dock : 'bottom',
    layout : {pack: 'center'}
},
cardSwitchAnimation : {
    type : 'slide',
    cover : true
},
defaults : {
    scroll : 'vertical'
},
items : [
    {xtype : 'MainView'},
    {xtype : 'Settings'}
]
})

ipad popover tabpanel sencha-touch
person SashaZd    schedule 14.12.2011    source источник

Ответы (2)


arrow_upward
0
arrow_downward

попробуй App.views.Settings.show('pop');

ПРИМЕЧАНИЕ. Если ваша проблема заключается только в том, что панель отображается как всплывающее окно, тогда вопрос уже был задан и на него был дан ответ здесь

Надеюсь это поможет.

person thesummersign    schedule 02.01.2012

arrow_upward
0
arrow_downward

Как этот пост указывает, у сенчи есть именно то, что вам нужно.

Попробуй это :

new Ext.Panel({
fullscreen : true,
items      : [
    {
        xtype  : 'toolbar',
        docked : 'top',
        items  : [
            {
                text    : 'Open',
                handler : function (button) {
                    var panel = new Ext.Panel({
                        height : 200,
                        width  : 200,
                        html   : 'Hello'
                    });

                    panel.showBy(button, 'tr-bc?');
                }
            }
        ]
    }
]});
person Taiko    schedule 16.03.2013