knockout.js

【knockout.js】knockout.js を使った変更検知(ダーティ・チェック)を考える [2]

はじめに http://blogs.yahoo.co.jp/dk521123/35944445.html でできる限り、共通処理にしたかったので、してみた。 サンプル 共通部分:外部JavaScript js/ChangeValuesTracker.js function ChangeTracker(root, isInitiallyDirty) { var result = function(…

【knockout.js】knockout.js を使った変更検知(ダーティ・チェック)を考える [1]

はじめに * データ入力をして、別ページに移動しようとしたら、 移動しても問題ないか?っていう確認ダイアログを表示する実装を webアプリケーション上で考える * knockout.js を使えば、双方向バインディングをサポートされているので、 データ変更検知(…

【knockout.js】 knockout.js ~構文編~

■ テキスト及び表現 `# `属性 説明 01 visible 要素の表示と非表示を切り替える 02 text 要素の内容を設定できる 03 html 設定値により、要素の子を設定できる 04 css CSSを設定できる 05 style style値を追加できる 06 attr 属性値を設定できる 関連記事 vi…

【knockout.js】 knockout.js ~基礎編~ [1]

はじめに * 以下の関連記事の続き。今回は、よく使う基本的な事項をまとめる。 http://blogs.yahoo.co.jp/dk521123/35664953.html ■表示/非表示 * visible (if) / checked を使用 サンプル http://kojs.sukobuto.com/docs/if-binding http://tech.aainc.co.j…

【knockout.js】 knockout.js ~入門編~

Knockout(ノックアウト)とは? * Model-View-ViewModel(MVVM)パターンをサポートするライブラリ 何ができる? * 双方向バインディング 環境構築 [1] 以下のサイトからJSをダウンロードする or CDN(Content Delivery Networks)用のURL(http://ajax.aspnetc…