「Knockout.js/applyBindings関数」を編集中
ナビゲーションに移動
検索に移動
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
| 最新版 | 編集中の文章 | ||
| 1行目: | 1行目: | ||
| − | [[Knockout.js]]の'''applyBindings関数'''とは、[[Knockout.js]] | + | [[Knockout.js]]の'''applyBindings関数'''とは、[[Knockout.js]]をアクティブ化する（ビューモデルオブジェクトを関連付ける）もっとも根幹たる関数である。 |
== 引数 == | == 引数 == | ||
| − | * ko.applyBindings( ビューモデルオブジェクト ) | + | * ko.applyBindings(ビューモデルオブジェクト) |
| − | * ko.applyBindings( ビューモデルオブジェクト, DOM要素 ) | + | * ko.applyBindings(ビューモデルオブジェクト, DOM要素) |
第1引数のみを指定した場合には、全DOM要素（HTML全体）に対してビューモデルオブジェクトが関連付けられる。 | 第1引数のみを指定した場合には、全DOM要素（HTML全体）に対してビューモデルオブジェクトが関連付けられる。 | ||
| 10行目: | 10行目: | ||
</source> | </source> | ||
| − | + | 第2引数にDOM要素を指定した場合には、そのDOM要素以下にのみビューモデルオブジェクトが関連付けられる。HTMLを領域分けして、それぞれに個別のビューモデルを関連付けたい場合にはこちらを使うとよい。 | |
<source lang="javascript"> | <source lang="javascript"> | ||
ko.applyBindings(new AppViewModel(), document.getElementById('someElementId')); | ko.applyBindings(new AppViewModel(), document.getElementById('someElementId')); | ||
| 23行目: | 23行目: | ||
applyBindings関数を正常に動作させるにはDOMが準備されている必要がある点に注意すること。 | applyBindings関数を正常に動作させるにはDOMが準備されている必要がある点に注意すること。 | ||
| − | + | HTMLのheadタグ内に書く場合は、素のJavaScriptであればonload時、jQueryであればjQuery関数に指定する[[コールバック関数]]の中で呼び出せば間違いない。 | |
<source lang="html5"> | <source lang="html5"> | ||
// jQueryでの記述例。 | // jQueryでの記述例。 | ||
| 32行目: | 32行目: | ||
</source> | </source> | ||
| − | + | なお、HTMLのbody閉じタグの直前にscriptタグを書き、その中でapplyBindings関数を呼ぶという手もある。 | |
== 関連項目 == | == 関連項目 == | ||
* [[Knockout.js]] | * [[Knockout.js]] | ||
** [[Knockout.js/applyBindings関数|applyBindings関数]] | ** [[Knockout.js/applyBindings関数|applyBindings関数]] | ||
| − | ** [[ | + | ** [[Knockout.js/observable関数|observable関数]] |
| − | ** [[ | + | ** [[Knockout.js/computed関数|computed関数]] |
| − | ** [[ | + | ** [[Knockout.js/observableArray関数|observableArray関数]] |
== 参考文献 == | == 参考文献 == | ||
