jQuery UI を使用して、ユーザーが特定の日のタイムスロット要素のサイズ変更と並べ替えを行えるようにするスケジュール マネージャー ウィジェットを作成しています。各タイムスロットには、高さで表される期間と、スタック内の順序と期間に基づいて計算される開始/終了時刻があります。集計表の「ギャップ」はプレースホルダー要素で表され、その高さはギャップ期間に相当します。
現在、ユーザーはサイズを変更することでタイムスロットの期間を変更できます (隣接するプレースホルダーがあれば逆にサイズ変更されます)。または、他のタイムスロット/プレースホルダーとの関係で並べ替えることで、開始/終了時間を変更できます。
また、各タイムスロット要素をドラッグ可能にして、ユーザーが日の列内に要素を手動で配置できるようにしたいと思います。その時点で、正しい開始/終了時刻が他の必要な変更 (新しいプレースホルダーを追加するか、既存のタイムスロットをつなぎ合わせる)
しかし、2 つのウィジェットを組み合わせようとすると、奇妙な UI バグや一貫性のない動作に遭遇します。大まかな例については、次のフィドルを参照してください...
私がこれについて正しい/間違った方法で行っているかどうか、またはこれが可能であるかどうかを誰かに教えてもらえますか?
ありがとう！