Как связать событие удаления для двух связанных списков

Question

Я пытаюсь создать веб-приложение, взяв за основу этот справочный материал .

Я создал два связанных списка, которые выглядят так: connect-списки из jQueryUI

Мне нужно обновить item view ($ ("ul # right> li")) при изменении списка элементов.

• Используя jQueryUI при рендеринге AppView, я делаю:

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

• Я могу запустить событие в AppView таким образом, и оно работает

  события: { "sortreceive": "onSortreceive", "sortremove": "onSortremove" } // это работает, но у меня есть доступ к полному списку

• Теперь я хотел бы вызвать событие на уровне ItemView (я имею в виду вызвать перемещенный элемент)

  событий: { "drop": "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
     }
});