如何绑定两个连接列表的drop事件

Question

我正试图通过这个backbonetutorials制作一个网络应用程序。

我创建了两个连接列表，如下所示：connect-lists from jQueryUI

我需要在项目更改列表时更新item view（$（“ul＃right＆gt; li”））。

• 在渲染AppView时使用jQueryUI：

  render: function render ()
  {
  
      $("ul").sortable({
          connectWith: ".connectedSortable"
      }).disableSelection();
  }
  

• 我可以用这种方式在AppView中触发事件并且它可以正常工作

  事件：{         “sortreceive”：“onSortreceive”，         “sortremove”：“onSortremove”  } //它有效但我可以访问完整列表

• 现在我想在ItemView级别触发事件（我的意思是触发移动的项目）

  事件：{          “掉落”：“onDrop”    } //它不会触发

P.S .: 我知道如何使用jQuery完成此任务，但我想在item view level处进行此操作。

Answer 1

我发现这个解决方案非常有用，所以也许它对其他人也有用。

在AppView中：

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