使用Backbone.js和Rivets.js的简单示例

时间:2012-07-30 10:46:43

标签: backbone.js rivets.js

我正在寻找一个非常简单的例子,例如使用Backbone.js和Rivets.jsspan文本和input元素之间存在双向绑定。也许在Rivets.js文档中有一个,但我找不到它。有什么帮助吗?

2 个答案:

答案 0 :(得分:6)

假设您指的是输入元素上的双向绑定(模型到视图和视图到模型)以及span元素上的单向绑定(模型到视图),那么以下view会做你所描述的。

<div id="user-view">
  <span>{ user:name }</span>
  <input rv-value="user:name">
</div>

Here is a fiddle展示了实际行动。它在:接口上包含一个Backbone适配器,并显示了如何将模型绑定到视图(这只是主页上已显示内容的一个更简单的示例)。

答案 1 :(得分:3)

我建议您使用: https://github.com/theironcook/Backbone.ModelBinder 它可以满足所有视图和模型需求之间的双向约束。

这是我做的嵌套视图绑定示例: http://files.cnblogs.com/justinw/Nested_Model_bi_Binding.zip