2012-03-27 82 views
0

我正在試圖製作一個web應用程序,從這個backbonetutorials盯着。如何綁定兩個連接列表的拖放事件

我裝箱看起來像這樣的兩個連接列表:connect-lists from jQueryUI

我需要更新item view($(「#UL右>李」))的項目變更列表時。

  • 通過使用jQueryUI當我渲染APPVIEW我做:

    render: function render() 
    { 
    
        $("ul").sortable({ 
         connectWith: ".connectedSortable" 
        }).disableSelection(); 
    } 
    
  • 我可以通過這種方式引發APPVIEW事件和它的作品

    事件:{ 「sortreceive」 :「onSortreceive」, 「sortremove」:「onSortremove」 } //它有效,但我可以訪問完整列表

  • 現在我想在觸發ItemView控件級別

    事件的事件(我的意思是觸發移動的項目):{ 「滴」: 「onDrop」 } //它不會觸發

PS: 我知道如何通過使用jQuery完成這項任務,但我想在item view level

回答

1

我發現這個解決方案非常有幫助,所以也許這對其他人也有用。

在APPVIEW:

$(".selector").sortable({ 
    receive: function(event, ui) { 
      ui.trigger("drop"); // this will trigger just the itemView 
    } 
});