ドラッグ&ドロップでテーブルを並べ替え(DDSortTable)
Yahoo! UI Library (YUI) を使ってドラッグ&ドロップによるテーブルを並べ替えを実装しました。
ドラッグ&ドロップでテーブルを並べ替え(DDSortTable)
http://miya2000.seesaa.net/article/39899726.html
デモ
http://miya2000.up.seesaa.net/ddsort/demo/demo1.html
http://miya2000.up.seesaa.net/ddsort/demo/demo2.html (子ウィンドウで並べ替え)
http://miya2000.seesaa.net/article/39899726.html
デモ
http://miya2000.up.seesaa.net/ddsort/demo/demo1.html
http://miya2000.up.seesaa.net/ddsort/demo/demo2.html (子ウィンドウで並べ替え)
実はドラッグ&ドロップはおまけみたいなもんで、demo2 の子ウィンドウとの連携がメインです。
親ウィンドウではデータの表示だけ行って、重たい処理は子ウィンドウでやるというのは結構アリなんじゃないかと思っています。
- -
使ってるファイル
- yui-dom-patch.js
YUIのOperaバグ対応 - DDTableRow.js
TR要素をドラッグ&ドロップ可能にするDDProxy - DDSortTable.js
ドラッグ&ドロップ可能なテーブルを作成 - DDSortTable.html
子ウィンドウで並び替え。使い方はソースを参照。
関連エントリ
- window オブジェクトを汚さないネタ
http://d.hatena.ne.jp/miya2000/20070318/p0 - 子ウィンドウに親ウィンドウの CSS を継承させる
http://d.hatena.ne.jp/miya2000/20070327/p1 - Opera の scrollTop のバグ
http://orera.g.hatena.ne.jp/miya2000/20070402/p0