winjs - 在 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。