我希望 fullCalendar 在不重新加载页面的情况下重绘自身(所有结构和事件)。
场景: 我正在使用一个支持Resource View的 fullCalendar 补丁。对于一些用户操作,我想更改资源。但我不想重新加载页面。
我希望 fullCalendar 在不重新加载页面的情况下重绘自身(所有结构和事件)。
场景: 我正在使用一个支持Resource View的 fullCalendar 补丁。对于一些用户操作,我想更改资源。但我不想重新加载页面。
您可以将日历作为一个整体“销毁”和“渲染”。但这可能很麻烦——尤其是在较旧的浏览器中。
$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar('render');
如果您实际上不需要渲染表格,而只是重新渲染事件,则可以使用 'rerenderEvents' 方法:
$('#calendar').fullCalendar('rerenderEvents');
希望这会有所帮助!
使用 refetchResources:.fullCalendar( 'refetchResources' )
根据FullCalendar 文档,这将获取并重新渲染资源数据。
问题:
“...问题是日历已初始化,而模式或 div 不可见...”基于此链接在此处输入链接描述
在我看来,这种情况下不需要销毁,只有使用渲染才能看到日历。
我的解决方案:
<script type="text/javascript">
$('#objectname').show(0,onObjectShow);
function onObjectShow(){$('#calendar').fullCalendar('render');}
</script>
您必须确保对象(日历容器)完全可见。例如,我的第一个错误是将此代码放在“onClick”事件上,并且在显示对象容器之前触发了click事件并且没有效果。
解决方案基于此参考。
您还可以使用以下命令即时重绘日历 - $(window).trigger("resize");