Sencha touch 中类似 iPad 的弹出窗口

Question

我想在 Sencha touch 中创建一个类似 iPad 的弹出窗口，其中包含登录表单。我该怎么做？

Answer 1

您可以尝试使普通的 Ext.Panel 看起来像弹出窗口

var gkpopover = new Ext.Panel({
id :'gkpopoverpanel',
floating:true,
modal:true,
width:'100px',
height:'100px',                                             });

注意：永远不要忘记设置高度和宽度。

并表达

gkpopover.show('pop');

希望，这是有道理的。

Answer 2

在 sencha touch 2 上，浮动功能被贬值。我已将@geekay 代码修改为；

        //show info popover?
    var popoverpanel = new Ext.Panel({
        modal:true,
        left:'10%',
        top:'10%',
        width:'80%',
        height:'80%',
        hideOnMaskTap: true,
        html:data.info
    });
    Ext.Viewport.add(popoverpanel);
    popoverpanel.show('pop');

功劳归他所有！

Answer 3

作为 这篇文章指出，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?');
                }
            }
        ]
    }
]});