Knockout.jsã®ViewModelé–“ã§ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šã¨ã‚Šã‚’è¡Œã†æ–¹æ³• - 制作・開発ãƒã‚°
www.wrapcode.com Knockout.jsã§åˆ¥ã€…ã®ViewModelé–“ã§ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šã¨ã‚Šã‚’è¡Œã†æ–¹æ³•ãŒã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ 調ã¹ãŸæ‰€ã€ä¸Šè¨˜ã®ã‚µã‚¤ãƒˆã«å„種方法ãŒæ›¸ã„ã¦ã‚ã£ãŸã€‚ "ko.subscribable"ã¨ã„ã†functionãŒnativeã§ã‚ã‚‹ã‘ã‚Œã©è©³ã—ã„ドã‚ュメント㯠ãªã„らã—ã„。 ã“ã®functionを使ã†æ–¹æ³•ã‚‚ã‚ã‚‹ãŒã€"knockout-postbox"ã¨ã„ã†æ‹¡å¼µã‚’使ã†ã¨ ã‚‚ã†å°‘ã—シンプルã«æ›¸ã‘る。 GitHub - rniemeyer/knockout-postbox: A small library that uses Knockout's native pub/sub capabilities to facilitate decoupled communication between separate view models or components. サンプ
Knockout.jsã®ko.utilsãŒåœ°å‘³ã«ä¾¿åˆ© - ãƒãƒ¼ãƒ‰ã‚³ã‚¤ãƒ«ãƒ‰ãƒ»ãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ©ãƒ³ãƒ‰
å°ç²’ãªã‚¢ãƒ—リケーションã°ã‹ã‚Šã‚’書ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCを実装ã—ãŸã„時もå°ç²’ãªãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚‹ã¨ã“ã‚ã®Knockout.jsを使ã£ã¦ã„ã¾ã™ã€‚ Knockout.jsã¯MVVMã®ãƒ‘ターンをæä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãªã®ã§ã™ãŒã€ä»Šå›žã¯è©³ç´°ã‚’書ãã¾ã›ã‚“。 知りãŸã„æ–¹ã¯å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‹ãŒã¨ã¦ã‚‚親切ã§ã„ã„æ„Ÿã˜ãªã®ã§ãã“ã‹ã‚‰è¦‹ãŸã‚‰ã„ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 今回ã¯ko.utilsã®è©± ã§ã€Knockout.jsã®ãƒ‰ã‚ュメント上ã§ã¯ç›®ç«‹ãŸãªã„ã®ã§ã™ãŒã€Knockout.jsã«æ¨™æº–ã§æ·»ä»˜ã—ã¦ã„ã‚‹ko.utilsãŒåœ°å‘³ã«ä¾¿åˆ©ã§ã™ã€‚ ã¾ã‚jQueryãŒã‚ã‚Œã°ã©ã†ã£ã¦ã“ã¨ã®ãªã„機能もã‚ã‚Šã¾ã™ã€‚jQueryã¨åˆã‚ã›ã¦ä½¿ã£ã¦ã„ãªã„å ´åˆã¨ã‹ã«ã¯éžå¸¸ã«åŠ©ã‹ã‚‹ã®ã§å‚™å¿˜éŒ²çš„ã«æ®‹ã—ã¾ã™ã€‚ ã¡ãªã¿ã«å…¬å¼ã®ãƒ‰ã‚ュメントã‹ã‚‰ã‚‚リンクã•ã‚Œã¦ã„ã‚‹Knock Me Outã¨ã„ã†ãƒ–ãƒã‚°ã‚’å‚考ã«ã—ã¾ã—ãŸã€‚ ライブラリã®ä½œè€…ã®æ–¹
ドã‚ュメントKnockout.js
Knockoutã®ã‚³ãƒ³ã‚»ãƒ—ト 宣言型ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° UIã«å¿…è¦ãªã®ã¯ ViewModel (シンプルãªãƒ¢ãƒ‡ãƒ«ã‚ªãƒ–ジェクト) ã¨ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã ã‘。 ã‚„ã‚„ã“ã—ã„DOMæ“作ãªã—ã§ã€å‹•çš„ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’作るã“ã¨ãŒã§ãã¾ã™ã€‚ UIã®è‡ªå‹•æ›´æ–° ViewModel ã®ãƒ—ãƒãƒ‘ティãŒå¤‰æ›´ã•ã‚Œã‚‹ã¨ã€è‡ªå‹•çš„ã«UIã®é–¢é€£ä»˜ã‘られãŸéƒ¨åˆ†ã‚’æ›´æ–°ã—ã¾ã™ã€‚ ä¾å˜é–¢ä¿‚ã®ãƒˆãƒ©ãƒƒã‚ング データã®çµåˆã‚„変æ›ã‚’実ç¾ã™ã‚‹ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿é–“ã®é–¢ä¿‚ãƒã‚§ãƒ¼ãƒ³ã‚’暗黙的ã«è¨å®šã—ã¾ã™ã€‚ UIテンプレート å¹¾é‡ã«ã‚‚ãƒã‚¹ãƒˆã•ã‚ŒãŸãƒ†ãƒ³ãƒ—レートもã€ãƒã‚¤ãƒ³ãƒ‰ã•ã‚ŒãŸ ViewModel を用ã„ã¦ ç´ æ—©ãUIを生æˆã—ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Communication between multiple View Models in KnockoutJS (MVVM), the right approach!
Demonstrate Ladda Knockout binding - JSFiddle - Code Playground
{{#tags}}- {{label}}
{{/tags}}