2-4. Flow

7kai Tasksのフローです。

1. ドキュメント読み込み
2. Js読み込み
3. appの定義, アプリケーションレベルのカスタムイベント割り当て処理実行
4. ドキュメント読み込み完了
5. app.run()
   1. app.fireEvent('ready');
      • app.env.langのセット (app.dom.setupより先にやらないと正しく動作しない)
   2. app.dom.setup();
      • 国際化
      • プルダウンメニュー化
      • 画面サイズに合わせて伸長
      • イベント割り当て(click, submit)
      • DOM毎のカスタムイベント割り当て(リスト登録, リスト選択, タスク登録, タスク選択, ...)
   3. app.fireEvent('setup');
      • オンライン時: Ajaxで情報を引いて画面構築
      • オフライン時: localStrorageから情報を引いて画面構築

Code

$(document).ready(function(){
    app.run();
});

app.run = function(){
    app.fireEvent('ready'); // readyイベントの発火
    app.dom.setup();        // data-setupの読み込み、実行
    app.fireEvent('setup'); // setupイベントの発火
}