Javascript Backbone.js视图中的draggabily.js事件
我在主干视图中使用Draggably.js,如下所示:Javascript Backbone.js视图中的draggabily.js事件,javascript,jquery,backbone.js,javascript-events,Javascript,Jquery,Backbone.js,Javascript Events,我在主干视图中使用Draggably.js,如下所示: var appView = Backbone.View.extend({ initialize: function(){ this.render(); }, render: function(){ var draggie = new Draggabilly(this.el); draggie.on('dragEnd', this.updateModel); //This works
var appView = Backbone.View.extend({
initialize: function(){
this.render();
},
render: function(){
var draggie = new Draggabilly(this.el);
draggie.on('dragEnd', this.updateModel); //This works by I can access the this.model
},
events: {
'dragEnd':'updateModel' //This doesn't work
},
updateModel: function(instance, event, pointer){
//Here I want to update my model bassed on the pointer's x and y
//However I can't access this.model
}
)};
可拖动为绘图结束时提供和事件'dragEnd'
。但是,我可以将其作为一个事件集成到我的主干视图中
您能提供建议吗?要访问
视图
上下文,您可以执行以下操作:
draggie.on('dragEnd', _.bind( this.updateModel, this ));
但是,如果以后要删除dragEnd
的侦听器,在初始化代码中使用bindAll
可能会很有用:
initialize: function() {
_.bindAll(this, 'updateModel');
}
检查主干文档以了解更多信息