1

由於我正在嘗試使用Jquery對一些數據進行排序,因此我認爲我會使用拖放操作。後來,我訪問了jQueryui網站。他們有「拖放」以及可分類的功能。Jquery中的Sortable VS DragnDrop

現在我實現了「拖放」功能,將HTML表格行保存在數據庫中。

現在我越來越糊塗,雖然:

  1. 是否可排序也執行相同的功能?
  2. Sortable只能使用UL或OL或LI嗎?它也可以使用表格行嗎?
  3. 當我拖放行時有什麼不同? (交換位置),與Sortable(Sorting the rows)相比。這些不同的情況?我真的很困惑這些概念。
  4. 這是正確的方式來做排序HTML錶行(通過Draggable和Droppable,因爲我現在做了)?
  5. 是否有任何指引時使用可排序與可拖動/可棄

回答

3

可排序可與表也see this jsFiddle

關於進行排序,並且拖動&降之間的差異,他們只是回答兩個型動物的需要:

  • 可排序是一種拖動&拖放,但實現了預定義的一組項目所需的所有圖形行爲。移動物品時,所有其他物品都會相應移動。
  • 另一方面,通過拖動&可以讓你簡單地取一個物品並移動它(可拖動),但是你必須選擇放置哪個物品(可放置)。

可排序,您正在搜索排序項目的邏輯行爲。隨着drap &放下您正在搜索項目之間的交互。

例如,組織您的桌面圖標就像排序(移動一個圖標會移動其他人以重新組織它們)。如果你把一個文件夾放到另一個文件夾中,就像拖動/放下(把一個文件夾放在另一個文件夾上不會重新組織它,但會觸發一個動作,將文件夾移動到另一個文件夾中)。

查看關於SortableDraggable/Droppable的jQuery UI文檔。

希望這會幫助你。