Rivets.js (2-way binding)

Anonymous (anonymous@undisclosed.example.com) — 2018-06-17T20:28:52+00:00

templates, java-script, javascript, 2-way binding

Rivets.js (2-way binding)

http://rivetsjs.com/

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

5.x

Документация / Статьи

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

6.x

Документация / Статьи

Примеры использования

Databindig

Примеры

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

Описание

Backbone

<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();

Библиотека знаний - develop:font-end

Rivets.js (2-way binding)

Rivets.js (2-way binding)

5.x

Документация / Статьи

6.x

Документация / Статьи

Примеры использования

Databindig

Примеры

Описание

Backbone