我正在尋找一個非常簡單的例子,例如,使用Backbone.js和Rivets.js在span
文本和input
元素之間存在雙向綁定。也許在Rivets.js文檔中有一個,但我找不到它。請幫忙嗎?使用Backbone.js和Rivets.js的簡單例子
4
A
回答
6
假設您的意思是對輸入元素的雙向綁定(模型到視圖和視圖到模型)和對span元素的單向綁定(模型到視圖),則以下視圖將做你所描述的。
<div id="user-view">
<span>{ user:name }</span>
<input rv-value="user:name">
</div>
Here is a fiddle演示起作用的東西。它在:
界面上包含一個Backbone適配器,並顯示如何將模型綁定到視圖(這只是主頁上已顯示的一個更簡單的示例)。
3
我建議你使用: https://github.com/theironcook/Backbone.ModelBinder 可滿足雙向所有的視圖和模型的需求之間的結合
這是我做嵌套視圖結合例子: http://files.cnblogs.com/justinw/Nested_Model_bi_Binding.zip
相關問題
- 1. 更新Rivets.JS雙向綁定的例子
- 2. 簡單Backbone.js的
- 3. Backbone.js的路由器 - 簡單的例子不工作
- 4. 簡單的例子
- 5. 簡單的例子
- 6. 使用Xerces XNI的簡單例子?
- 7. 簡單的例子使用require.js
- 8. 可憐的用例 - 簡單的例子
- 9. sbt和antlr,有簡單的例子嗎?
- 10. 簡單的例子 - Argo和Swift 2
- 11. Bootstrap 3和Typeahead的簡單例子
- 12. rivets.js和[CONTENTEDITABLE]
- 13. 在.html中使用.kml和xpath的非常簡單的例子
- 14. 使用__setstate__和__getstate__的簡單示例
- 15. linux uinput:簡單的例子?
- 16. Qt:Quazip的簡單例子
- 17. 簡單的例子:HBase + Spring
- 18. 關閉的簡單例子
- 19. 經由簡單的例子
- 20. 簡單的Ajax例子2.3.0
- 21. 簡單的php websocket例子
- 22. 簡單的Ajax例子
- 23. UINavigationController:最簡單的例子
- 24. Akka.js TestKit:簡單的例子
- 25. Symfony2的簡單例子
- 26. 水銀簡單的例子
- 27. 簡單的例子BeautifulSoup Python
- 28. 簡單的例子AngularJS
- 29. 最簡單的例子tornado.gen
- 30. 最簡單的例子TBB
如何顯示帶鉚釘的模型對象集合? – rhodee 2012-08-07 19:42:17
@rhodee從** 0.3.2 **開始,有一個'data-each- [item]'綁定來迭代數組中的項目。 – 2012-08-11 02:14:25
@MichaelRichards你能解釋爲什麼點擊輸入外部會產生變化嗎?我們如何配置它以響應外面點擊等外部事物? – 2015-07-23 00:05:58