web-dev-qa-db-ja.com

月が変更されたときにフルカレンダーイベントをロードする

そのため、fullcalendarを使用してカレンダーイベントを構成する方法については、少しわかりません。現在、アプリが読み込まれると、jsonイベントオブジェクトがページの本文に挿入されます。これにより、ajaxを呼び出すことなく、カレンダー全体をすばやく初期化できます。以降のすべての月のビューの変更で、指定された月を引数としてajaxリクエストを送信して、その月のイベントを取り込めるようにします。これを行うにはどうすればよいですか?これはレイジーロード機能ですか?カレンダーが最初に表示されるときにローカルイベントデータを使用し、その後のすべての月でajaxリクエストを使用するにはどうすればよいですか?

21
Greg

最新バージョンでは、viewDisplayがviewRenderに置き換えられていることに注意してください 使用方法はこちら

このように使っています

        viewRender: function (view, element) {
        }

このように開始日と終了日を取得できます。 view.start、view.end

10
Ike

ドキュメントを読んでみてください イベント(jsonフィードとして)
他のオプションは、日付が変更されるたびにイベントを再フェッチ/レンダリングする viewDisplay

4
zlosim

Jsonフィード(zlosimで言及)がajaxに十分でないように思われる場合は、次のいずれかを行うことができます。

  • 新しいデータが必要になったときに呼び出される https://fullcalendar.io/docs/events-function を使用します。ただし、これは内部的にデータをキャッシュするため、1日のイベントが2回要求されることはありません。また、返されたオブジェクトはリアクティブではなく、複製されているようです。
  • イベントにはプレーン配列を使用しますが、datesRenderコールバックを渡します: https://fullcalendar.io/docs/datesRender その後、イベント配列を適切に変更できます。これは、キャッシュされずに表示される日付が変更されるたびに呼び出されます。
0
phil294