Quantcast
Channel: Библиотека знаний
Viewing all articles
Browse latest Browse all 1318

Rivets.js (2-way binding) - [Примеры использования]

$
0
0

Rivets.js (2-way binding)

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

5.x

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

6.x

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

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

Databindig

Примеры

Описание

Backbone

<p>First Name: <inputtype="text" rv-value="model:firstName"></p><p>Last Name: <inputtype="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(){returnthis.model.get("firstName")+" "+this.model.get("lastName");},
    render:function(){this.$el.html(this.template);
        rivets.bind(this.$el,{ model:this.model, view:this});returnthis;}}); 
var model =new Backbone.Model({firstName:"Luke", lastName:"Skywalker"}),
    view =new RivetsView({model: model, el: $("#container")}); 
view.render();

Viewing all articles
Browse latest Browse all 1318