Knockout.js の if と visible は似ているようで違うので注意 - しばやん雑記
Knockout.js の if と visible は見た目的には要素の表示・非表示を切り替えるので大差ないですが、DOM 的には大きく仕組みが異なっています。 簡単な例で挙動の差を見ていきます。 <span data-bind="if: flag">ほげほげ</span> ↓ タグの中身が空っぽの状態になる <span></span> if の場合は flag が true になったタイミングで、Knockout.js が初回読み込み時に複製しておいたノードを span の下に追加するようになっています。 <span data-bind="visible: flag">ほげほげ</span> ↓ 要素はそのままだけど、スタイルで非表示にしている <span style="display: none;">ほげほげ</span> visible の場合は flag が true になったタ
【KnouckoutJS】リストの操作 - みこむらめもむらむらむら
はいはいKnouckoutJSお勉強なうです はじめに Working with Lists and Collections Building a dynamic UI where elements are added and removed ということでリストの操作です、利用頻度高そう 要素の追加、削除の動的なUI構築とあるくらいなので 変更が即時反映のリストが作れるんだろうなという期待をしつつ 実際にチュートリアルをやってみるよ 今回は座席や食事を予約ツールが例題でございまする // Class to represent a row in the seat reservations grid function SeatReservation(name, initialMeal) { var self = this; self.name = name; self.meal = ko.ob
knockout.js でカスタムバインディングを作成する - しばやん雑記
バインディングは text とか value みたいに data-bind 属性の内部で指定する奴です。knockout.js ではこのバインディングを自由に拡張できるようになっています。 バインディングは ko.bindingHandlers に内蔵のものもすべて含まれているので、ここに追加してあげればいいです。以下にテンプレを置いておきます。 ko.bindingHandlers.myBinding = { init: function (element, valueAccessor, allBindingsAccessor, viewModel) { // 初期化、イベントハンドラの登録など }, update: function (element, valueAccessor, allBindingsAccessor, viewModel) { // 値が変化した時に行う処理 }
Knockout + ContainerJS でテスタブルにToDoリストを作るチュートリアル - うなの日記
Knockout + ContainerJS + Require.js で テスタブル にToDoリストを作るチュートリアルです。 ポイント MVVMアーキテクチャでテスタブルに MVVMアーキテクチャを採用し、View(HTML/CSS)とViewModel,Modelを分離。 ViewModel、Modelは HTMLに非依存となるため、単体テストが可能になります。 オブジェクトの生成と依存関係を、DIコンテナで一元管理 DIコンテナを利用して、ViewModel、Modelの生成と関連付けを自動化。 コンポーネント間の結合を疎にでき、テスト時のモックへの差し替えも簡単にできるようになります。 JavaScriptソースはクラスごとに分割管理 1ファイル200行超えたらメンテナンスとか無理ですよね! ということで、ソースファイルはクラスごとに分割管理します。 ソース間の依存関係解決と読
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
knockout.js - Get ViewModel from DOM element
