Капля строк в Fancytree?

Question

У меня было предыдущее сообщение, которое было похоже, но с тех пор у меня был больше успеха. В следующем примере мои перетаскиваемые divs успешно попадают в Fancytree. Зная теперь, что это возможно, мне нужно отбросить в него Datatable rows.

Первоначально я использовал вилку RowReordering для возможности перетаскивания в DataTables, пока не наткнулся на эту демонстрацию: http://www.mccran.co.uk/examples/datatables-drag-drop/, которая вместо этого использует сортировку по телу. Таким образом, Fancytree может принимать внешние капли, а DataTable может выпасть за пределы таблицы - теперь, чтобы заставить их работать вместе.

Если вы переместите строки таблицы и опустите их в таблицу (в демонстрации), сортируемое обновление будет корректно предупреждать. Я также сделал альтернативную задачу, которая иногда срабатывает при падении строки. Есть идеи? Заранее спасибо

http://jsfiddle.net/s827x/43/

// make table rows draggable 
    $("#pricetable tbody").sortable({ 
     cursor: "move", 
     cursorAt: { top: -5, left: -5 }, 
     connectWith: "#tree", // not working 
     connectToFancytree: true, // works for drag example below, but not here 
     update: function(event, ui) { 
      var id = ui.item.context.children[0].innerHTML; 
      var title = ui.item.context.children[1].innerHTML; 
      alert("Key: " +id + "\nTitle: " + title); 
     } 
    }); 

Answer 1

решаемые его перетаскиваемым вместо сортируется, как в вышеприведенном примере:

$('#pricetable').dataTable({ 
     "fnDrawCallback": function() { 
      $("#pricetable tr").draggable({ 
       revert: true, 
       cursor: "move", 
       cursorAt: { top: -5, left: -5 }, 
       connectToFancytree: true 
      }); 
     } 
    }); 

http://jsfiddle.net/s827x/47/