KnockoutJS と CoffeScritp を使用して簡単なチェックリストを作成しようとしています。
このために、タスクを表すクラスを coffescript で作成しました。このクラスにはHasFinalized
、チェックを表す計算されたプロパティがあります。基本的に、完了日を守れば完了です。
ただし、タスクの変更は、別のタスクに伝播されます。
Findlee で例を作成しました: http://jsfiddle.net/Ridermansb/pr3Ah/
KnockoutJS と CoffeScritp を使用して簡単なチェックリストを作成しようとしています。
このために、タスクを表すクラスを coffescript で作成しました。このクラスにはHasFinalized
、チェックを表す計算されたプロパティがあります。基本的に、完了日を守れば完了です。
ただし、タスクの変更は、別のタスクに伝播されます。
Findlee で例を作成しました: http://jsfiddle.net/Ridermansb/pr3Ah/
スクリプトを簡略化して書き直したので、テンプレートを適用できます。
JSFiddle: http://jsfiddle.net/sVyuC/
私は Knockout の初心者にすぎないため、スクリプトが機能しなかった理由を明確に説明することはできませんが、HasFinalized をチェックボックスにバインドし、ファイナライズされた ko.observable オブジェクトにバインドしていないことが原因だと思います。
私の言葉を理解していただければ幸いです。Knockout のドキュメントでさらに多くの例を見つけることができます。テンプレートバインディング: http://knockoutjs.com/documentation/template-binding.html
コンストラクターでインスタンス変数を指定する必要があります。そうしないと、すべてのインスタンスで共有されます (プロトタイプに属するため)。これがJSFiddleです。