Backbone.js 我的主干模型视图不起作用

我使用backbone.js编写的以下示例不起作用。 我希望在文本框中输入的单个记录显示在emplist ul中。 有人能帮忙吗。 谢谢你

EmpForm.html

Emp表格（Backbone.js）
输入Emp名称：

输入Emp作业：

添加记录




（功能（）{
EmpModel=Backbone.Model.extend({
默认值：{
empname:‘嘉宾emp’，
设计：“一些工作”
}
});
EmpView=Backbone.View.extend({
标记名：'emplist'，
模板：u.template（'emptemplate'），
活动：{
“单击#添加记录”：“添加记录”
},
addRecord:function（）{
这个。render（）；
},
render:function（）{
this.el.html（this.template（this.model.toJSON（））；
归还这个；
}
});
var empModel=new window.empModel（{empname:'sree'，desig:'architect'}）；
var empView=new window.empView（{model:empModel}）；
$（document.body）.append（empView.render（）.el）；
})();

很好。首先，一般来说，您肯定应该回顾和练习javascript。但以下内容应该让您开始：

var EmpModel = Backbone.Model.extend({
    defaults:{
        empname:'guest emp',
        desig:'some work'
    }
});
var EmpView = Backbone.View.extend({
    tagName:'form',
    el: '#empform',
    template: _.template($('#emptemplate').html()),

    events:{
        'click #addrecord':'addRecord'
    },

    addRecord:function(){
        var empname = $('#empname').val(); // not the best way to do this, btw
        var desig = $('#desig').val(); // same thing...
        var newModel = new EmpModel({empname: empname, desig: desig});
        this.render(newModel);
    },

    render: function(model) {
        this.$el.find('#emplist').append( this.template(model.toJSON()) );
        // can also use '... .html( this.template(model.toJSON()) );' 
        return this;
    }
});
var empModel = new EmpModel({empname:'sree',desig:'architect'});
var empView = new EmpView();
empView.render(empModel);

同时将

type=“button”

添加到添加记录按钮

看。干杯

var EmpModel = Backbone.Model.extend({
    defaults:{
        empname:'guest emp',
        desig:'some work'
    }
});
var EmpView = Backbone.View.extend({
    tagName:'form',
    el: '#empform',
    template: _.template($('#emptemplate').html()),

    events:{
        'click #addrecord':'addRecord'
    },

    addRecord:function(){
        var empname = $('#empname').val(); // not the best way to do this, btw
        var desig = $('#desig').val(); // same thing...
        var newModel = new EmpModel({empname: empname, desig: desig});
        this.render(newModel);
    },

    render: function(model) {
        this.$el.find('#emplist').append( this.template(model.toJSON()) );
        // can also use '... .html( this.template(model.toJSON()) );' 
        return this;
    }
});
var empModel = new EmpModel({empname:'sree',desig:'architect'});
var empView = new EmpView();
empView.render(empModel);