events - Sencha touch 监听 phonegap 事件

Question

我试图让 Sencha Touch 收听 phonegap 发出的事件，我可以在网上找到的任何帮助都只指向 sencha 事件。我也尝试过设置监听器和“.on”，但它似乎不适用于外部事件。

我不是在谈论任何特定的事件，只是像“resume”或“batterystatus”这样的事件。

请不要回复对 Ext.device 的引用，因为 Sencha 对 Ext.device 的支持是有限且过时的，因为当一家公司试图为另一家公司提供包装时，我想充分利用最新 phonegap 版本提供的所有功能。

Answer 1

你可以做这样的事情，我已经测试过它并且它正在工作！

Ext.application({
    name: 'TestApp',   
    ...
    launch: function() {
        // Hook up events of PhoneGap here
        document.addEventListener("pause", this.onPause, false);
        document.addEventListener("resume", this.onResume, false);

        // Destroy the #appLoadingIndicator element
        Ext.fly('appLoadingIndicator').destroy();

        // Initialize the main view
        Ext.Viewport.add(Ext.create('TestApp.view.Main'));
    },
    onPause: function() {
        // this code is fine but using 'this' here is not safe 
        console.log("onPause");
    },
    onResume: function() {
        console.log("onResume");
    }
    ...
});

编辑：
结果将处理程序放在 app.js 文件中并不是一个好主意（尽管它仍然可以工作）。因为如果你升级 sencha，它希望这个文件不会被太多修改。

所以你应该把它放在你的主控制器的启动功能中。控制器的启动功能在应用程序的启动功能之后执行。

Ext.define('TestApp.controller.Main', {
    extend: 'Ext.app.Controller',
    ...
    launch: function() {
        // Hook up events of PhoneGap here
        document.addEventListener("pause", this.onPause, false);
        document.addEventListener("resume", this.onResume, false);
    },
    onPause: function() {
        // this code is fine but using 'this' here is not safe 
        console.log("onPause");
    },
    onResume: function() {
        console.log("onResume");
    }
    ...
});

Answer 2

您应该能够像这样添加特定于 PhoneGap 的侦听器：

document.addEventListener("deviceready", function() {
    document.addEventListener("backbutton", MyApp.backButtonListener, false);
    document.addEventListener("menubutton", MyApp.menuButtonListener, false);
}, false);

MyApp.backButtonListener = function(e) {
    e.preventDefault();
    //do other stuff here...
}

MyApp.menuButtonListener = function(e) {
    e.preventDefault();
    //do other stuff here...
}