分享下windowDialog安卓物理返回键监听返回父页面的方法

yunfei532

刚遇到了windowDialog安卓物理返回键监听返回父页面的问题，在网上没有百度到解决办法，就自己想了一个，试了一下居然成功了，于是分享下：

1、在define外设置如下内容：
var self=null;
function setSelf(sel){
        this.self=sel;
}
function goBack(){
        self.comp("windowReceiver").windowCancel();
}


2、设置modelLoad事件：
Model.prototype.modelLoad = function(event){
        setSelf(this);
};


3、在windowReceiver的Receive事件中注册监听：
Model.prototype.windowReceiverReceive = function(event){
        //监听返回按钮
        document.addEventListener("deviceready", function() {
                var listener = function(){
                        goBack();
                        document.removeEventListener('backbutton', listener, false);
                };
                document.addEventListener('backbutton', listener, false);
                $(window).on('beforeunload', function(){
                        document.removeEventListener('backbutton', listener, false);
                });
        }, false);
};


完整代码如下：
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function(){
                this.callParent();
        };


        Model.prototype.windowReceiverReceive = function(event){
                //监听返回按钮
                document.addEventListener("deviceready", function() {
                        var listener = function(){
                                goBack();
                                document.removeEventListener('backbutton', listener, false);
                        };
                        document.addEventListener('backbutton', listener, false);
                        $(window).on('beforeunload', function(){
                                document.removeEventListener('backbutton', listener, false);
                        });
                }, false);
        };

        Model.prototype.backBtnClick = function(event){
                this.comp("windowReceiver").windowCancel();
        };

        Model.prototype.modelLoad = function(event){
                setSelf(this);
        };

        return Model;
});

var self=null;
function setSelf(sel){
        this.self=sel;
}
function goBack(){
        self.comp("windowReceiver").windowCancel();
}

周江

liangyongfei 发表于 2016-3-1 09:58
不同这么麻烦把！windowDialog组件只要设置路由的属性为true 按物理键就可以返回的！ ...

楼主的方法好，您这种方法真心不可取

hclsway

顶上，按你方法，完全可行，只要注意下面这个换成自己原来的返回按钮。。。谢谢分享
Model.prototype.backBtnClick = function(event){
                this.comp("windowReceiver").windowCancel();
        };

yunfei532

为什么只能选择未处理，明明是想分享的。。。

liangyongfei

不同这么麻烦把！windowDialog组件只要设置路由的属性为true 按物理键就可以返回的！

xinxiangxue

liangyongfei 发表于 2016-3-1 09:58
不同这么麻烦把！windowDialog组件只要设置路由的属性为true 按物理键就可以返回的！ ...

不行，我试了

ysk007

liangyongfei 发表于 2016-3-1 09:58
不同这么麻烦把！windowDialog组件只要设置路由的属性为true 按物理键就可以返回的！ ...

加了路由会改变url地址，仅仅为了实现返回键不想加路由的话还是楼主的方法好。不过测试后发现，如果子窗口再打开子窗口的话，点击一次是能退回的，但是再点击就不能退回了。