Sencha touch sencha touch 2中的模态视图

我试图在我的应用程序中将视图显示为“模式”。主应用程序是一个选项卡面板，当用户执行某个操作时，我想在该选项卡面板的顶部弹出一个视图。我知道在本机iOS上，您可以通过将视图作为模式来实现这一点，但在Sencha中如何实现这一点

有什么想法吗？

您可以这样做：

Ext.define('MyApp.controller.MyController4', {
    extend: 'Ext.app.Controller',

    config: {
        control: {
            "button#mybutton": {
                tap: 'onMybuttonTap'
            }
        }
    },

    onMybuttonTap: function(button, e, options) {
        Ext.Viewport.add({xtype:'modalpanel'});
    }
});

观点：

Ext.define('MyApp.view.ModaPanel', {
extend: 'Ext.Panel',
alias: 'widget.modalpanel',

config: {
    centered: true,
    height: 300,
    html: 'Cool Story Bro....',
    itemId: 'modalPanel',
    width: 300,
    hideOnMaskTap: true,
    modal: true,
    scrollable: true,
    hideAnimation: {
        type: 'popOut',
        duration: 200,
        easing: 'ease-out'
    },
    showAnimation: {
        type: 'popIn',
        duration: 200,
        easing: 'ease-out'
    },
    items: [
        {
            xtype: 'toolbar',
            docked: 'top',
            title: 'Blah Blah'
        }
    ]
}

});

Ext.define('MyApp.view.MyTabPanel', {
extend: 'Ext.tab.Panel',

config: {
    items: [
        {
            xtype: 'container',
            title: 'Tab 1',
            items: [
                {
                    xtype: 'button',
                    itemId: 'mybutton',
                    text: 'MyButton10'
                }
            ]
        },
        {
            xtype: 'container',
            title: 'Tab 2'
        },
        {
            xtype: 'container',
            title: 'Tab 3'
        }
    ]
}

});

编辑：

---

如果这不是您想要的，您可能正在寻找一份

操作表。查看Sencha Touch了解不同类型的覆盖层。
谢谢，这确实有帮助。但是有没有办法从底部为模态设置动画呢？现在它只是出现在屏幕上。从底部看是什么意思？你是指从底部向上滑动的动画吗？是的，我是指从底部向上滑动的动画bottom@JohnStewart我用Sencha Touch Kitchensink的链接更新了我的答案。我还想知道你是否在寻找类似于
行动清单的东西
？谢谢@cclerville overlay是我想要的：）