使用 Jquery UI droppable 访问 Backbone.js 视图对象

Question

我有一个拖放 UI，基本上可以与 jquery ui 和backbone.js 配合使用。我的视图如下所示：

render: function()
{
    $(this.el).html(ich.template_bucket(this.model.toJSON()));

    $(this.el).draggable(
        {
            helper: "clone"
        }
    );

    var that = this;
    $(this.el).droppable(
        {
            hoverClass: 'ui-state-hover',
            drop: function( event, ui )
            {
                var from_bucket_id = ui.draggable.attr('id');
                var to_bucket_id = $(that.el).attr('id');
            }
        }
    );

    return this;
},

我可以通过 that 访问 dropped on 视图，但是是否可以在可放置回调中获取拖动的视图？

或者，我最终想做的是，当拖动发生后弹出的模式窗口（另一个主干视图）内发生某些情况时，更新两个视图（拖放到视图中）。该视图不与两个视图共享模型，因此我不确定是否有任何我可以监听的事件。

Answer 1

在拖放视图中，我通常会获取拖动视图的模型并更新它。我通过向每个拖动视图的 el Dom 元素添加一个 cid 属性来实现这一点，这样就可以轻松进入放置功能。我的模型存储在拖放视图可以访问的集合中。