首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Sencha中添加Popover UI元素

如何在Sencha中添加Popover UI元素
EN

Stack Overflow用户
提问于 2011-12-14 17:44:12
回答 2查看 1.2K关注 0票数 1

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

我不知道如何在Sencha中添加Popovers。有人能帮上忙吗?

这是我目前的代码:

设置选项卡(需要是弹出窗口,而不是当前所在的面板) -->

代码语言:javascript
运行
复制
App.views.Settings = Ext.extend(Ext.Panel, {
  title : 'Settings',
  id : 'Settings',
  iconCls : 'settings',

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

主TabPanel (上面的设置面板位于其中)

代码语言:javascript
运行
复制
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'}
]
})
EN

回答 2

Stack Overflow用户

发布于 2012-01-02 17:06:21

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

注意:如果唯一显示为弹出窗口的面板是您的问题,则该问题已经被问及并回答了here

希望这能有所帮助。

票数 0
EN

Stack Overflow用户

发布于 2013-03-16 23:39:26

作为this post points out,sencha完全满足了您的需求。

试试这个:

代码语言:javascript
运行
复制
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?');
                }
            }
        ]
    }
]});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8502356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档