Question

我希望fullCalendar重绘自己（所有结构和事件）而不重新加载页面。

情境： 我正在使用支持Resource View的fullCalendar补丁。对于一些用户操作，我想更改资源。但我不想重新加载页面。

Answer 1

您可以“破坏”并“渲染”整个日历。但这可能很麻烦 - 尤其是在旧浏览器中。

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

如果您实际上不需要渲染表，只是再次重新渲染事件，则可以使用'rerenderEvents'方法：

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

希望这有帮助！

Answer 2

使用refetchResources：.fullCalendar( 'refetchResources' )

这将根据FullCalendar documentation获取并重新呈现资源数据。

Answer 3

问题：

“......问题是日历已初始化，而模态或div不可见......”基于此链接enter link description here

在我看来，在这种情况下不需要销毁，只有渲染才能看到日历。

我的解决方案：

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

您必须确保对象（日历容器）完全可见。例如，我的第一个错误是将此代码放在“onClick”事件上，并且在显示对象容器之前触发click事件并且没有任何效果。

解决方案基于此reference。

Answer 4

您还可以使用以下命令即时重绘日历- $（window）.trigger（“ resize”）;

动态重绘fullCalendar

4 个答案: