使用鼠标滚轮在桌面上的Sencha Touch应用程序中滚动

Question

在寻找如何在Sencha Touch中使用鼠标滚轮滚动时,我遇到了这个答案.但是,我对Sencha Touch相对较新,并且我保留了使用它的代码库.

答案是把它放在我的应用程序的初始化块中:据我所知,这将是我的app.js文件由Sencha Cmd(具有一个launch函数)生成.但是,在此之后我迷路了.我想补充上述答案的第一部分中的launch块？在它之外？我如何确保在每个页面上自动调用它？

编辑:这是我的app.js文件,万一它有帮助.

Ext.application({
    name: 'App',

    requires: [
        'Ext.MessageBox',
        'Ext.direct.*'
    ],

    models:[
        "..."
    ],

    controllers: [
        '...',
        '...',
        '...'
    ],

    icon: {
        '57': 'resources/icons/Icon.png',
        '72': 'resources/icons/Icon~ipad.png',
        '114': 'resources/icons/Icon@2x.png',
        '144': 'resources/icons/Icon~ipad@2x.png'
    },

    isIconPrecomposed: true,

    startupImage: {
        '320x460': 'resources/startup/320x460.jpg',
        '640x920': 'resources/startup/640x920.png',
        '768x1004': 'resources/startup/768x1004.png',
        '748x1024': 'resources/startup/748x1024.png',
        '1536x2008': 'resources/startup/1536x2008.png',
        '1496x2048': 'resources/startup/1496x2048.png'
    },

    profiles: ['Tablet', 'Phone'],

    launch: function() {

        ...
    }

    ....

});

编辑2:我正在使用Sencha Touch 2.3.

Answer 1

另一个答案中提供的代码是纯Javascript而不是ExtJs代码，它在全局范围内运行，因此您可以将其添加到Ext.application上方（在ExtJs代码之外，因此使其成为您运行的第一个JS代码）。如果需要，您甚至可以将其包装在 Ext.onReady 调用中，以确保 ExtJs 在添加之前也已完全加载。

这应该可行，但可能值得查看 Sencha 论坛，甚至在这里寻找更优雅和更新的解决方案。