winjs - WinJS のすべてのページにグローバル Ready 関数を定義する

Question

私の WinJS アプリでは、単一のナビゲーション モデルを使用しています。アプリのすべてのページに適用したい一般的なコードがいくつかあります。各ページの Ready 関数にコードを配置する代わりに、ページの Ready イベントが発生したときに実行される「グローバルな」 Ready 関数を定義できるようにしたいと考えています。何か案は？

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を参照してください。