文档章节

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

jxlgzwh
 jxlgzwh
发布于 2015/02/07 21:57
字数 401
阅读 266
收藏 5

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     

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


© 著作权归作者所有

jxlgzwh
粉丝 56
博文 343
码字总数 164180
作品 1
深圳
程序员
私信 提问
Qt下的模态和非模态对话框

模态对话框(Modal Dialog)与非模态对话框(Modeless Dialog)的概念不是Qt所独有的,在各种不同的平台下都存在。又有叫法是称为模式对话框,无模式对话框等。 所谓模态对话框就是在其没有被...

晨曦之光
2012/04/13
716
0
Ubi菜鸟(三)修改source软件源,更快速地安装软件

在系统更新或是安装软件的时候,经常会遇到连接失败或是下载失败的情况。这是因为ubuntu官网的连接较慢。 通过修改source软件源(以清华)可以解决这个问题。 1 备份/etc/apt/sources.list 2...

请勿关闭_-_-_
2016/08/27
22
0
android中程序的退出和关闭

在工程中,直接调用System.exit(0)函数就可以实现对工程的关闭。也可以使用退出对话框提醒的方式进行退出,代码如示: public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCod...

Vincent540329
2015/07/09
30
0
MFC中修改默认启动对话框方法

// CMyAppEApp 初始化 BOOL CMyAppEApp::InitInstance() { // 如果一个运行在 Windows XP 上的应用程序清单指定要 // 使用 ComCtl32.dll 版本 6 或更高版本来启用可视化方式, //则需要 Init...

1886317979982165
2018/03/15
0
0
利用CWinThread实现跨线程父子MFC窗口

原则上,MFC对象只能由创建该对象的线程访问,而不能由其它线程访问.这是因为MFC窗口中有一个Windows handle maps, 这个maps同线程相关,也就是说该线程一定会访问该maps,而且该线程创建的MFC窗...

jetyi
2018/06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sync.Mutex 互斥锁

说明: 互斥锁用来保证在任一时刻,只能有一个例程访问某对象。Mutex 的初始值为解锁状态。Mutex 通常作为其它结构体的匿名字段使用,使该结构体具有 Lock 和 Unlock 方法。Mutex 可...

李琼涛
12分钟前
3
0
自建redis笔记

自建redis笔记 最近在linux安装了一下redis,特做一些笔记! 本文先单节点启动redis,然后再进行持久化配置,在次基础上,再分享搭建主从模式的配置以及Sentinel 哨兵模式及集群的搭建 单节点...

北极之北
15分钟前
2
0
扛住阿里双十一高并发流量,Sentinel是怎么做到的?

Sentinel 承接了阿里巴巴近 10 年的双十一大促流量的核心场景 本文介绍阿里开源限流熔断方案Sentinel功能、原理、架构、快速入门以及相关框架比较 基本介绍 1 名词解释 服务限流 :当系统资源...

分布式系统架构
16分钟前
2
0
事假杨晨龙(Z16021)月薪请假单

svn co URL --username xxx-- password yyy ./

桃花飞舞
40分钟前
3
0
当Activity关闭后,网络请求回调的处理

当我们在使用网络请求的时候,一般都是通过回调来获取请求到的数据。对于网络请求的回调需要注意的几个点 比如我们的回调在Activity中处理数据,当我们把Activity关闭后,如果获取到数据时,...

shzwork
41分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部