帶兒童的jQuery可排序錶行

Question

我正在嘗試使用可排序並可拖放的行進行表操作。我設法讓排序工作，但我不知道如何讓子項目工作。我基本上試圖得到這樣的東西：http://mjsarfatti.com/sandbox/nestedSortable/，但對於錶行而不是列表。

我試圖得到一個列當它成爲一個子項，如下圖中縮進：

我設法得到子項目縮進時，拖動到另一個項目，但是我不能讓它在沒有父項的情況下返回到它的原始狀態，我也不能讓一個項目被丟棄超過單個級別。

這是當行的另一行下降我正在使用的代碼：

$(".tableData").droppable({ 
     accept: 'tr', 
     drop: function (event, ui) { 
      var dropped = $(ui.draggable).clone(); 
      var droppedon = $(this); 
      $(dropped).css("margin-top", "0px"); 
      $(dropped).css("position", "relative"); 
      $(dropped).children(".name").css("padding-left", "40px"); 
      $(droppedon).after(dropped); 
      ui.draggable.remove(); 

     } 
    }); 

這是我目前一直在擺弄：​​ http://jsfiddle.net/jDpjX/

Answer 1

我設法做到這一點我自己通過修改nestedSortable代碼 - http://mjsarfatti.com/sandbox/nestedSortable/，我所需要做的就是修改樣式來模擬表格。