Rivets.js (2-way binding)

• http://rivetsjs.com/

Применяется для двустороннего маппинга javascript ajax(json) response на поля формы. Содержит дополнительную привязку к Sightglass для поддержки Observable.

• http://blog.bugz.ru/posts/rabota-s-formami-v-backbone

• https://habrahabr.ru/post/262351/
• https://github.com/whayler1/rivets-example

• http://wmdmark.github.io/backbone-rivets-example/
• http://bl.ocks.org/mikeric/3345763
• http://stackoverflow.com/questions/12868566/how-to-bind-deeper-than-one-level-with-rivets-js
• http://azproduction.ru/rivets-backbone-adapter/example/index.html
• https://github.com/shapkarin/music-search

• http://tsareg.github.io/Data-binding-for-Backbone.js/samples/

<p>First Name: <input type="text" rv-value="model:firstName"></p>
<p>Last Name: <input type="text" rv-value="model:lastName"></p>
<p>Full Name: <span rv-text="view.fullName < model:firstName model:lastName"></span></p>

// Adapter
rivets.adapters[':'] = {
    observe: function(obj, keypath, callback) {
        obj.on('change:' + keypath, callback)
    },
    unobserve: function(obj, keypath, callback) {
        obj.off('change:' + keypath, callback)
    },
    get: function(obj, keypath) {
        return obj.get(keypath)
    },
    set: function(obj, keypath, value) {
        obj.set(keypath, value)
    }
};
 
var RivetsView = Backbone.View.extend({
    template: $("script[type='text/template']").html(),
    fullName: function() {
        return this.model.get("firstName") + " " + this.model.get("lastName");
    },
    render: function () {
        this.$el.html(this.template);
        rivets.bind(this.$el, { model: this.model, view: this });
        return this;
    }
});
 
var model = new Backbone.Model({firstName: "Luke", lastName: "Skywalker"}),
    view = new RivetsView({model: model, el: $("#container")});
 
view.render();