2

Jquery を使用して一部のデータを並べ替えようとしているので、ドラッグ アンド ドロップを使用すると考えました。その後、jQueryui サイトにアクセスしました。「ドラッグ アンド ドロップ」機能と並べ替え機能があります。

ここで、「ドラッグ アンド ドロップ」機能を実装して、DB に位置を保存して HTML テーブル行を並べ替えました。

しかし、今私は混乱しています：

  1. Sortable も同じ機能を実行しますか?
  2. Sortable は UL、OL、または LI でのみ機能しますか? テーブル行でも使用できますか?
  3. 行をドラッグアンドドロップしたときの違いは何ですか? (位置の交換)、Sortable (行の並べ替え) と比較して。これらは異なるケースですか？私はこれらの概念を本当に混乱させています。
  4. HTML テーブル行で並べ替えを行うのは正しい方法ですか (私が今行ったようにドラッグ可能およびドロップ可能)
  5. Sortable と Draggable/droppable を使用する場合のガイドラインはありますか?
4

1 に答える 1

6

Sortableはテーブルでも動作します。この jsFiddle を参照してください

Sortable と Drag&Drop の違いについては、次の 2 つの異なるニーズに答えているだけです。

  • sortable は一種のドラッグ アンド ドロップですが、定義済みのアイテム グループに必要なすべてのグラフィック動作を実装しています。アイテムを移動すると、他のすべてのアイテムもそれに応じて移動します。
  • 一方、ドラッグ アンド ドロップでは、単純に項目を取得して移動できますが (ドラッグ可能)、どの項目にドロップできるか (ドロップ可能) を選択する必要があります。

sortable を使用すると、ソートされたアイテムで論理的な動作を検索します。ドラップ＆ドロップを使用すると、アイテム間の相互作用を検索できます。

たとえば、デスクトップ アイコンの整理は、並べ替え可能のようなものです (アイコンを移動すると、他のアイコンも移動して再編成されます)。フォルダーを別のフォルダーに入れる場合、ドラッグ/ドロップ可能のようになります (フォルダーを取得して別のフォルダーにドロップしても、フォルダーは再編成されませんが、フォルダーを他のフォルダー内に移動するアクションがトリガーされます)。

SortableおよびDraggable / Droppableについては、jQuery UI のドキュメントを参照してください。

これがあなたを助けることを願っています。

于 2012-05-04T12:31:48.540 に答える