Binding

by Porfirio Chavez

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/backbone.stickit/0.9.2/backbone.stickit.js"></script>
<div id="breadcrumbs" class="breadcrumb span12">

</div>

JavaScript

var Congo = {
    init: function(){

    }
};
    var Modelo =  Backbone.Model.extend({
        defaults: {
            nombre: 'Armando',
            cantidad: 1234
        }
    });
    Congo.BreadcrumbView = Backbone.View.extend({
        bindings: {
            '#title' : 'nombre',
            '#otro' : 'nombre'
        },
        events: {
            'click h2' : 'hazAlgo',
            'keypress input' : 'actualiza'
        },
        render: function(){
            this.$el.html('<span id="title">Soy un binding</span> <input id="otro" type="text">');
            this.stickit();
            return this;
        },
        hazAlgo: function(){
            console.log('Alert');
        },
        actualiza: function(){

            var nuevo = $('#otro').val();
            this.model.set('nombre', nuevo);
            console.log(modelo);
            console.log(this.model);
        }
    });

    var modelo = new Modelo();
    vista = new Congo.BreadcrumbView({el: $('#breadcrumbs'), model: modelo});
    vista.render();