为WinJS中的每个页面定义全局就绪函数

Question

我的WinJS应用使用单一导航模型。我想将一些常用代码应用于应用程序中的每个页面。我希望能够定义一个“全局”就绪函数，而不是将代码放在每个页面的就绪函数中，该函数将在触发页面就绪事件时执行。有什么想法吗？

Answer 1

您可以使用适用于所有页面的实用程序函数定义Mixin对象。

utils.js:
PageMixin = {
        ready: function ready(element, options)
        {
            this.element = element;
            this.options = options;
            this.initialize();
            this.onready();
        },
        initialize: function initialize()
        {
            // write common initialize code here
        }
    };

page.js:
var Page = WinJS.UI.Pages.define('/pages/mypage/page.html',
    {
        onready: function onready()
        {
             // page specific initialization code here
        }
    });

// this will make all PageMixin util methods available on Page. 
WinJS.Class.mix(Page, PageMixin);

请参阅WinJS.Class.mixin了解详情。