行の一部*をドラッグ＆ドロップしますか？

Question

私はUI機能の実装方法に関する提案を探しています。
私は私の町の小さな音楽大会のためのスケジューリングアプリに取り組んでいます。 タイムスロットと学生が演奏しています。私たちは子供に時間を割り当てますが、何かが常にになり、子供たちを再配置する必要があります。それでは、ジョー・スミスは、彼がサッカーの練習を持って学習するまで、スケジュールが
11：00ジョー・スミス
11：20サリー・ジョーンズ
11時40ジョン・ドウのすべての良い
の線に沿ってテーブルのものとして設定されているとしましょう11時にそれを作ることはできません。私はジョーの名前を（「ジョー・スミス」の動き、11:00は、の移動はありません）の移動なしでドラッグできるようにしたいと思います。 それは意味がありますか？以前誰かがこの問題に直面していましたか？更新されたデータ（時間を含む）をデータベースに書き戻す必要があります。そのため、何らかの視覚的なものではなく、何らかの形で学生に拘束されなければなりません。私は他のjavascript/ajaxフレームワークよりもjQueryにもっと慣れているので、私が働きたい環境です。
ありがとうございます。
スティーブ

Answer 1

私はテーブルを使ってグリッドを作成します。表のセルは時間を表し、セルに配置されたDIVは生徒を表します。親要素の時間をドラッグしてドラッグすると、生徒をドラッグして親の時間を読み込み、それに応じて更新します。