fullcalendar - その場で fullCalendar を再描画する

Question

ページをリロードせずに、fullCalendar 自体 (すべての構造とイベント) を再描画する必要があります。

シナリオ: Resource View をサポートする fullCalendar のパッチを使用しています。いくつかのユーザー アクションについて、リソースを変更したいと考えています。しかし、ページをリロードしたくありません。

Answer 1

カレンダー全体を「破棄」および「レンダリング」することができます。しかし、それは面倒かもしれません - 特に古いブラウザでは。

$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar('render');

テーブルを実際にレンダリングする必要はなく、イベントを再レンダリングするだけの場合は、「rerenderEvents」メソッドを使用できます。

$('#calendar').fullCalendar('rerenderEvents');

うまくいけば、これが役に立ちます！

Answer 2

refetchResources を使用します。.fullCalendar( 'refetchResources' )

これにより、 FullCalendar のドキュメントに従って、リソース データがフェッチされ、新たに再レンダリングされます。

Answer 3

問題：

「...問題は、モーダルまたは div が表示されていないときにカレンダーが初期化されることです...」 このリンクに基づいて、ここにリンクの説明を入力してください

私の意見では、この場合、destroy は必要ありません。render でのみカレンダーを表示できます。

私の解決策：

<script type="text/javascript">
    $('#objectname').show(0,onObjectShow);
    function onObjectShow(){$('#calendar').fullCalendar('render');}
</script>

オブジェクト (カレンダーのコンテナー) が完全に表示されていることを確認する必要があります。たとえば、私の最初の間違いは、このコードを「onClick」イベントに配置したことでした。クリック イベントは、オブジェクト コンテナーを表示する前にトリガーされ、効果がありません。

解決策 このリファレンスに基づいています。