PhoneGap+Cordova+SenchaTouch-04-退出程序和对话框的使用

来源：互联网发布：淘宝网商城女装韩版30 编辑：程序博客网时间：2024/05/22 10:46

sencha touch 2.4.1对话框的使用是很简单的。

下面简单介绍下st对话框的使用，查看官方文档，在Ext.Msg中，找到show 方法，有个示例挺好

图1

按着示例做就搞定了！我的代码如下，也是示例。

Ext.Msg.confirm("Confirmation", "Are you sure you want to do that?", Ext.emptyFn);

效果图如下：

这里，我想把按钮等英文改为中文，查看文档，可以看到Ext.Msg有个buttons配置项是用来配置按钮的，图一也可以看出，找到Ext.MessageBox源码文件，发现Ext.MessageBox.OKCANCEL，照着写就可以了，也就是修改text就可以了。

这里来一份我的代码，需要的直接复制粘贴就可以了（是不是很有爱！）

        var mybutton=[            {text: '否',  itemId: 'no'},            {text: '是', itemId: 'yes', ui: 'action'}        ];                Ext.Msg.show({            title       : "提示",            message     : "是否退出程序？",            buttons     : mybutton,            promptConfig: false,            scope       : this,            fn: function(buttonId) {               //alert('You pressed the "' + buttonId + '" button');                if (buttonId== "yes") {                    navigator.app.exitApp();                 }             }        });

文件注意要配置 requires: [ ‘Ext.MessageBox’]，因为提示框依赖此文件。来张我的效果图。

程序的退出只需要在程序启动后添加对应的监听，然后调用退出程序的方法,要调用phonegap的方法：

document.addEventListener(“backbutton”, function, scope);

Ext.application({    requires: [        'Ext.MessageBox'    ]，    launch: function() {        if (Ext.os.is('Android')) {            document.addEventListener("backbutton", Ext.bind(onBackKeyDown, this), false);            function onBackKeyDown(eve) {                var mybutton=[                    {text: '否',  itemId: 'no'},                    {text: '是', itemId: 'yes', ui: 'action'}                ];                Ext.Msg.show({                    title       : "提示",                    message     : "是否退出程序？",                    buttons     : mybutton,                    promptConfig: false,                    scope       : this,                    fn: function(buttonId) {                       //alert('You pressed the "' + buttonId + '" button');                        if (buttonId== "yes") {                            navigator.app.exitApp();                         }                     }                });        }        Ext.create('xxx', {fullscreen: true});    }});

搞定收工！

欢迎加入技术讨论群：219805927 Java Android IOS兴趣小组

你也可以扫描二维码加入该群

原文请移步：http://www.wenhaozhong.com/167.html

转载请注明：争一代雄风 »PhoneGap+Cordova+SenchaTouch-04-退出程序和对话框的使用

本博客文章除特别声明，全部都是原创！

转载请注明：转载自“争一代雄风” （www.wenhaozhong.com）

0 0