私は jsfiddle.net を使用して、スケジュールするアイテムをドラッグ アンド ドロップするスケジューラのプロトタイプを作成しようとしました。「割り当てられていない」リストからスケジュール テーブルにドラッグ アンド ドロップできました。また、スケジュール表から削除できるようになりました。私が頭を悩ませているのは、テーブル内のアイテムをテーブルの別の場所に移動することです。
フィドルはここにあります。内部ドラッグアンドドロップを機能させるための提案をいただければ幸いです。私は一日中これに取り組んでおり、視界がぼやけ始めています。ああ、ぜひとも、私がやっていることをもっとうまくできると思うなら、変更を加えてください。フィドルのバージョンを教えてください。
アップデート
@SMathew と @darksky に従って、表のセルを直接移動するのではなく、その内容を移動するフィドル全体を再構築しました。
div
s や sを使用することをお勧めしたことは知っていますspan
が、テーブルの構造、特に を使用しrowspan
てセルの高さを 30 分単位で指定したいと考えています。ソース サイトで影響を受けたセルを復元し、ターゲット サイトでrowspan
と競合するセルを削除する必要があるため、唯一のバグはセル (またはその内容) を移動することです。rowspan
更新されたフィドルはここにあります。
更新 2 (最終)
それで、私は再び製図板に戻り、64 回のフィドルの後、ようやくやりたいことができるようになりました。最後に、テーブルの構造を操作せずにすべてを正常に動作させるためのトリック。私がしなければならなかったのは、行スパンの邪魔になっているセルを に設定することだけでしたdisplay: hidden
。
とにかく、興味のある人のために、新しいフィドルはこちらです。Chrome には API の処理に問題があることがわかりました。私はフィドルでそれらを指摘しました(部分的な暴言とともに)。