Step 1 Knockout.jsは純粋なクライアントサイドライブラリなのでサーバサイド技術との協調については柔軟さがある。 サーバサイドとJSONデータをやり取りする方法をこのチュートリアルで学ぶ。 例として、タスクリストを扱う。 Step 2 JSONデータを取得する…

Step 1 バインディングは双方向に働く。 アニメーションやスタイル、スターによるレーティングを実装する。 Step 2 ko.bindingHandlersにプロパティを追加することでバインディングを登録できる。バインディングには２つの関数initとupdateを定義することで…

Step 1 最近のモダンでレスポンシブなWeb UIはSingle Page Applicationに向かっている。Single Page Applicationでは戻る/進むのサポートのためにhushベースまたはpushStateによるナビゲーションを使っている。 $dataはおそらくそのコンテキストでの対応する…

Step 1 ko.observableArrayでobservableな配列を作成できる。observableな配列は要素の追加、削除についてobservableになっている。data-bind属性で子要素の繰り返しに指定するforeachはcontrol flow バインディングの一種。ほかにはifやwhichなどがある。 S…

Knockout.jsのチュートリアルをやってみたので、その記録を残しておく。 Step 1 ビューの要素にdata-bind属性を付けると、ビューモデル => ビューのバインディングができる。ビューとビューモデルのバインディングについてはまだわからない。 Step 2 ko.obse…