2012-03-27 36 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 
    } 
});