ドラッグドロップで項目の移動と並びかえができるリストのサンプル - うなの日記

ドラッグドロップで項目の移動と並びかえができるリストの実装サンプルです。「Bookmarks」の「タグセット編集」機能で使ったもの。99%くらいはYUIのサンプルのコピーだったりしますが、まぁ、あのサンプルの実装メモということで。 戦略 アイテム(リストの項目)をドラッグ対象として登録。 アイテムとリストをドロップ対象として登録。 ドラッグにはプロキシを使う。(アイテム要素を直接マウスに追従させず、アイテム要素の中身をコピーしたプロキシを移動させる。) アイテム要素はドラッグ中は非表示。 アイテムにドラッグした場合、アイテムの前、または後に要素を挿入する。 挿入先がわかりやすいように、ドラッグ完了(マウスを放す)前のドラッグオーバー(ドラッグ中にマウスが乗った)段階で、アイテム要素を挿入する。 ドラッグ完了時には、プロキシを非表示にし、アイテム要素を表示するだけ。 リストにドラッグした場合

[authorNari]

カラム，Drag Drop，テーブル