Question

我有一个停靠在应用程序底部的TabPanel。它有几个标签。我没有打开“设置”选项卡的新面板，而是想添加一个弹出列表。单击列表中的任何项目时，可能会/可能不会打开新面板。

我不知道如何在Sencha中添加Popovers。有人可以帮忙吗？

这是我目前的代码：

“设置”标签（需要是弹出框而不是当前的面板） - ＆gt;

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'}
]
})

Answer 1

尝试App.views.Settings.show('pop');

注意：如果只显示面板作为弹出窗口是您的问题，则问题已经提出并已回答here

希望这有帮助。

Answer 2

作为this post points out，sencha非常符合您的需求。

试试这个：

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?');
                }
            }
        ]
    }
]});

如何在Sencha中添加Popover UI元素

2 个答案: