2011-11-03 27 views
1

我有一個基本與jQuery UI和backbone.js一起使用的拖放UI。我的看法是這樣的:訪問Backbone.js查看JQuery UI的對象droppable

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掉在看法,但有可能獲得可放開回調中拖動視圖的聯繫呢?

或者,我最終試圖做的是在發生拖動後彈出一個模式窗口(另一個骨幹視圖)內發生某些事情時更新兩個視圖(拖放到視圖中)。這個觀點不會與這兩個觀點分享模型,所以我不確定是否有任何我可以聽到的事件。

+0

這有幫助嗎? http://stackoverflow.com/questions/5013848/backbone-js-given-an-element-how-do-i-get-the-view – blockhead

+0

我真的想做的是更新基於數據的視圖沒有直接訪問權限,所以從我所知道的情況來看,沒有任何事情可以與之綁定。當保存* related *模型時,我希望這些視圖更新。我認爲這將是最簡單的實際抓住可droppable回調函數內的視圖。 – zombor

回答

2

在下拉式視圖中,我通常會獲取拖動視圖的模型並更新它。我通過爲每個拖動視圖的el Dom元素添加一個cid屬性來實現,因此它很容易進入拖放功能。我的模型存儲在可供下拉式視圖訪問的集合中。