差分

ナビゲーションに移動 検索に移動

Knockout.js/applyBindings関数

198 バイト追加, 2012年4月12日 (木) 09:35
[[Knockout.js]]の'''applyBindings関数'''とは、[[Knockout.js]]をアクティブ化する(ビューモデルオブジェクトを関連付ける)もっとも根幹たる関数である。をアクティブ化する(ビューモデルとビューを関連付ける)もっとも根幹たる[[関数]]である。
== 引数 ==
* ko.applyBindings(ビューモデルオブジェクト)* ko.applyBindings(ビューモデルオブジェクト, DOM要素)
第1引数のみを指定した場合には、全DOM要素(HTML全体)に対してビューモデルオブジェクトが関連付けられる。
</source>
第2引数にDOM要素を指定した場合には、そのDOM要素以下にのみビューモデルオブジェクトが関連付けられる。HTMLを領域分けして、それぞれに個別のビューモデルを関連付けたい場合にはこちらを使うとよい。第2引数にDOM要素を指定した場合には、そのDOM要素以下にのみビューモデルオブジェクトが関連付けられる。[[HTML]]を領域分けして、それぞれに個別のビューモデルを関連付けたい場合にはこちらを使うとよい。
<source lang="javascript">
ko.applyBindings(new AppViewModel(), document.getElementById('someElementId'));
applyBindings関数を正常に動作させるにはDOMが準備されている必要がある点に注意すること。
HTMLのheadタグ内に書く場合は、素のJavaScriptであればonload時、jQueryであればjQuery関数に指定するHTMLのheadタグ内に書く場合は、素のブラウザ[[JavaScript]]であればonload時、[[jQuery]]であればjQuery関数に指定する[[コールバック関数]]の中で呼び出せば間違いない。
<source lang="html5">
// jQueryでの記述例。
</source>
なお、HTMLのbody閉じタグの直前にscriptタグを書き、その中でapplyBindings関数を呼ぶという手もある。なお、[[HTML]]のbody閉じタグの直前にscriptタグを書き、その中でapplyBindings関数を呼ぶという手もある。
== 関連項目 ==
* [[Knockout.js]]
** [[Knockout.js/applyBindings関数|applyBindings関数]]
** [[Knockoutknockout.js/observable関数|observable関数]]([[knockout.js/observableオブジェクト|observableオブジェクト]])** [[Knockoutknockout.js/computed関数|computed関数]]** [[Knockoutknockout.js/observableArray関数|observableArray関数]]([[knockout.js/observableArrayオブジェクト|observableArrayオブジェクト]])
== 参考文献 ==
匿名利用者

案内メニュー