knockout.jsを勉強する (1)

公開:2014-06-24 20:49
更新:2017-07-29 13:17
カテゴリ:javascript,knockout.js

成果

とりあえずチュートリアルコードを参考にしながらソートと、趣味を選択できるようにコードを追加した。ヘッダークリックでソートする。選択ボックスの内容もデータバインドしている 確かにここまでの機能をjqueryだけで書くとそこそこなコード量になるかもしれず、楽したい私にとっては良いものに思える。 ソートする各フィールドごと専用にソートメソッドを用意しているけれど、これだと可変列だったりすると面倒なことになりそうだ。1個の汎用メソッドを使いまわしたいね。どうすればいいのだろうか。

今日学んだこと

  • foreachバインディング中にViewModelの別のメンバを参照するには$root.(メンバ)と書けばよい。
  • observableArray中の各メンバは自動的にはobservableにならない。各メンバをobservableに指定する。