让backbone.js视图知道jQuery可排序的更新

发布于 2024-12-16 12:12:59 字数 451 浏览 0 评论 0原文

我正在玩弄backbone.js 并尝试将jQuery 与它一起使用。我有一个视图,我想对重新排序事件做出反应。这是我的观点:

var SortableList = Backbone.View.extend({
  el: '#sortable_list',
  events: {
    'sortupdate': 'onDrop',
    'click':      'onClick'
  },
  initialize: function () {
    $(this.el).sortable({})
  },
  onDrop: function () {
    alert('dropped!')
  },
  onClick: function () {
    alert('clicked!')
  }
})

所以点击事件触发得很好,但我只是不知道如何跟踪删除/重新排序/排序更新/任何事件。

I'm toying around with backbone.js and try to use jQuery along with it. I have a view and I'd like to react to reorder event. This is my view:

var SortableList = Backbone.View.extend({
  el: '#sortable_list',
  events: {
    'sortupdate': 'onDrop',
    'click':      'onClick'
  },
  initialize: function () {
    $(this.el).sortable({})
  },
  onDrop: function () {
    alert('dropped!')
  },
  onClick: function () {
    alert('clicked!')
  }
})

So the click event fires fine, but I just can't figure out how to track a drop/reorder/sortupdate/whatever event.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

笑梦风尘 2024-12-23 12:12:59

我不知道这是否是最好的方法,但我目前将视图绑定到可排序的更新方法:

$(this.el).sortable({
    update: _.bind(function(event, ui) {
        this.onDrop();
    }, this)
});

I don't know if this is the best method but I currently bind the view to the update method of the Sortable:

$(this.el).sortable({
    update: _.bind(function(event, ui) {
        this.onDrop();
    }, this)
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文