jquery-ui - Jquery Draggable 和 Backbone.js 从 droppable 成功回调内部获取对 Backbone 模型的引用

Question

我有一个主干 View 模型，我在这里渲染它并使其可与 jquery ui 一起拖动。

render: ->
$(this.el).attr('class', 'item').html(this.template(this.options.model.toJSON() ))
viewmodel = this
$(this.el).draggable
    revert: true
    drag: () ->
        console.log(viewmodel)

上面，我有可用的 View 模型，可以从 dom 中删除它，在其模型上调用方法等。但我想要的是将这个 View 模型拖到一个可放置的容器中——就像一个垃圾桶——然后调用一些 View 模型的方法并将其从 DOM 中删除。

不过，我看到的是，当元素放入容器时的回调方法是:

$(function() {
    $("#trash").droppable({
        drop: function(event, ui) {
          console.log(ui.draggable);
        }
    });
});

所以，我能够看到 ui.draggable 并将其从 DOM 中删除，但我没有引用它的 View 模型。难道我做错了什么？有什么办法可以解决这个问题？

Answer 1

我遇到过这个问题。我是这样解决的:给放置目标一个对模型集合的引用。设置属性 data-cid="<%= cid %>"在可拖动上。现在您可以在 $(ui.draggable).data('cid') 的集合中查找模型.由于主干断言 CID 是唯一的，您甚至可以扫描集合的集合，以防有多个模型类您想要被删除。