要件は次のとおりです。
- 要素 X をドラッグして、2012 年 10 月 19 日にドロップします。
- 要素 Y をドロップします。同じ日 (2012 年 10 月 19 日) にドロップします。
- 要素がカレンダー上で「接続」されていることを視覚的に示す
- 要素のペアをDBに保存
フレームワーク: Ruby on Rails 3.2.8、jQuery-1.8.1、fullcalendar.js 1.5.4
要件は次のとおりです。
フレームワーク: Ruby on Rails 3.2.8、jQuery-1.8.1、fullcalendar.js 1.5.4
のような名前の FullCalendar イベントに非標準フィールドを作成しますlinkedto
。イベント A の場合、これには、リンクされているイベント B のイベント ID が含まれます。逆の場合も同様です。Fullcalendar にドロップしたい要素をドラッグおよびドロップ可能にします。要素が (Fullcalendar ドロップ コールバックを使用して) 日にドロップされると、メモリ ( clientEvents
) 内の FullCalendar イベントを検索して、その日のイベントを探します。何も見つからない場合は、ドロップ コールバックの詳細を使用して、その日に新しいイベント (A と呼びます) が作成されます。イベントが見つかった場合linkedto
、リンクされたイベント ID (A.id) とリンクされたイベントのlinkedto
フィールドが新しいイベント ID (B.id) で更新されます。イベント B が作成されたら、ajax 投稿を使用して 2 つのイベントをサーバーに保存します (イベントのすべての詳細が詳細を含めて保存されていることを確認してlinkedto
ください)。
2 つのイベントを視覚的にリンクする方法がわからない。その月の毎日に固有の色を共有するイベントのペアで十分でしょうか? 月ごとに色のプリセット配列 (1 ~ 31) を用意し、backgroundColor
作成時にイベントのペアの をその色に設定できます。