javascript - 使用 Jquery UI droppable 访问 Backbone.js View 对象

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 View ，但是是否有可能在 droppable 回调中获取拖动的 View ？

或者，我最终想要做的是在拖动发生后弹出的模态窗口(另一个主干 View )内发生某些事情时更新两个 View (拖放到 View 中)。此 View 不与这两个 View 共享模型，因此我不确定是否有任何事件可以收听。

Answer 1

在拖放 View 中，我通常获取拖动 View 的模型并更新它。我通过向每个拖动 View 的 el Dom 元素添加一个 cid 属性来做到这一点，因此它很容易进入 drop 函数。我的模型存储在下拉 View 可以访问的集合中。