Wie bind Drop-Ereignis für zwei verbundene Listen

Question

Ich versuche, eine Web-App starren von dieser backbonetutorials.

I crated zwei miteinander verbundene Listen, die wie dieses aussehen: connect-lists from jQueryUI

Ich brauche die item view ($ ("ul # rechts> li")), wenn das Element Änderungsliste zu aktualisieren.

• von jQueryUI verwenden, wenn ich die AppView mache ich machen:

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

• ich die Veranstaltung in AppView auf diese Weise auslösen kann und es funktioniert

  Ereignisse: { "sortreceive" : "onSortrecive", "sorremove": "onSortremove" } // es funktioniert, aber ich habe Zugriff auf die vollständige Liste

• Nun möchte Ich mag die Veranstaltung auf ItemView Ebene auszulösen (ich meine löst den bewegten Artikel)

  Ereignisse: { "drop": "onDrop" } // es löst nicht

PS: Ich weiß, wie Sie diese Aufgabe mit jQuery erreichen, aber ich möchte es bei item view level machen.

Answer 1

Ich fand diese Lösung sehr hilfreich, vielleicht wird sie auch für andere Leute nützlich sein.

Im AppView:

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