タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

knockout.jsに関するnakagawのブックマーク (3)

  • knockoutのbinding

    この記事は、knockout.js Advent Calendar 2015の4日目の記事です。 先に3日目に目を通すことを推奨しています。 knockout , knockout-es5 , knockout.punches環境を想定しています。 knockoutのbindingは、HTMLテンプレートにdata-bind="attr:properties"の形式で書きます。 これまでのサンプルでも、data-bind="submit:handler"や、data-bind="value:model"といった具合で使ってきました。 その他にもさまざまなbindingがあるので、それらの一部を紹介します。(ただし詳しいリファレンスは外部リンクです) value data-bind="value:property": 解説(公式、日語) フォーム要素からの入力(View) と ViewMo

    knockoutのbinding
    nakagaw
    nakagaw 2018/10/18
    ほんとこれやりたかっただけなんですよ。。 “data-bind="style:{color:gender=='M'?'blue':'red'}"”
  • 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.js でカスタムバインディングを作成する - しばやん雑記
  • ドキュメントKnockout.js

    Knockoutのコンセプト 宣言型バインディング UIに必要なのは ViewModel (シンプルなモデルオブジェクト) とデータバインドだけ。 ややこしいDOM操作なしで、動的なインターフェイスを作ることができます。 UIの自動更新 ViewModel のプロパティが変更されると、自動的にUIの関連付けられた部分を更新します。 依存関係のトラッキング データの結合や変換を実現するためのデータ間の関係チェーンを暗黙的に設定します。 UIテンプレート 幾重にもネストされたテンプレートも、バインドされた ViewModel を用いて 素早くUIを生成します。

  • 1