//定义视图
var AppView = Backbone.View.extend({

    tagName: "Div",
    events: {

        "click #btnSearch": "onbtnSearchClick"

    },

    initialize: function() {

        this.model = this.model;
        this.model.on("change", "ondataChange");

    },
    render: function() {
        var template = '<input type ="button"  value="{{btnname}}" id="btnSearch">';
        var html = Mustache.render(this.model.toJSON());
        this.el.innerHTML = html;
        $("#content").empty().append(this.el)
    }
    ondataChange: function() {
        this.render();
    },
    onbtnSearchClick: function() {
        alert("按钮事件");
    }

})
//定义model
var MyModel = Backbone.Model.extend({
    initialize: function() {}
}) 

$(function() {
    window.myModel = new MyModel;
    window.appView = new AppView({
        model = myModel;
    });
    appView.render();

})

//单击按钮 改变model
function BtnCLick() {
    var name = Math.random();
    window.myModel.set({
        btnname: name
    });
}