查看未触发的事件-主干
View events not firing - backbone
我现在正在构建一个视图,当我单击.organisation
链接时,我想激发我的编辑事件,但在单击此元素时,没有激发任何内容,我不明白为什么。
这是构建我的视图的代码,
App.Views.groupsView = Backbone.View.extend({
el: '.app',
template: _.template( $('#tpl-groups-base').html() ),
events: {
},
initialize: function(options) {
this.render();
},
render: function() {
this.$el.html( this.template() );
var orgTab = new App.Views.OrganisationsTab({
collection : new App.Collections.Organisations
});
},
});
App.Views.OrganisationsTab = Backbone.View.extend({
el : '#organisations',
initialize: function() {
App.Collections.OrganisationCollection = this.collection;
this.collection.fetch();
this.collection.on('sync', this.render, this);
},
render: function() {
this.addAll();
return this;
},
addAll: function() {
App.Collections.OrganisationCollection.each(this.addOne, this);
},
addOne: function(organisation) {
var view = new App.Views.OrganisationView({
model : organisation
});
this.$el.append( view.render().el );
}
});
App.Views.OrganisationView = Backbone.View.extend({
tagName: 'a',
className:'group group--panel col-sm-3 organisation',
template : _.template( $('#tpl-single-group').html() ),
events: {
"click body" : "edit",
},
initialize: function() {
this.listenTo(this.model, 'change', this.render);
this.listenTo(this.model, 'destory', this.remove);
},
render: function() {
this.$el.html( this.template({
group: this.model.toJSON()
}));
return this;
},
edit: function(e) {
e.preventDefault();
console.log(this.model);
}
});
为什么我不能点击在最终视图中创建的组织a,并触发我的编辑功能?
如果您想将点击事件监听器附加到视图el 的子元素
events: {
"click .organisation" : "edit",
},
如果你想把它连接到el 上
events: {
"click" : "edit",
},
相关文章:
- 主干-不管怎样,检查事件以前是否绑定过
- 取消绑定主干视图事件
- 主干模型更改事件只触发一次
- 如何测试主干视图是否正确侦听特定事件
- 主干视图触发全局事件
- 多次触发主干点击事件
- 主干点击事件按钮不工作
- 正在测试主干事件哈希
- 更改el属性时未激发主干视图事件
- 缓存主干视图及其事件
- 主干:将事件引用到父对象
- 主干.js事件处理程序命名的最佳做法
- 使用模型中的主干调解器发布事件
- 单击事件以排除子项(主干.js)
- 类似jQuery的主干事件选择器
- 如何断开主干集合,使每个子集合也注册到将由父集合注册的所有事件
- Jquery事件在主干呈现中/之后不起作用
- 单击事件在触发一次主干js后停止工作
- 导致一系列事件 主干事件:名称
- 查看未触发的事件-主干