fullcalendar 回调函数 总结

版权声明:可以转载,说明来源。 https://blog.csdn.net/weixin_42776979/article/details/81946247

今天帮同事研究了一下 fullcalendar的回调函数。

需求是  使用fullcalendar ,但是纵向布局不按照时间刻度,以列表的形式。

思路是  在插件视图渲染的完成后执行回调,编写回调函数,达到自己的目的。

由于fullcalendar的回调函数比较零乱,这里归纳到一块,一起做个总结。

1、viewRender  视图渲染(初始化)回调函数。

2、viewDestroy  视图销毁回调函数。

3、dayClick  在视图上点击一个(以天为单位)单元格区域 触发的回调。

4、eventRender  事件渲染 (就是根据数据渲染日程) 当日程事件渲染时触发(一条数据执行一次)。

5、eventAfterRender  渲染后触发的回调事件(一条数据执行一次)

6、eventAfterAllRender  当所有日程事件 渲染全部渲染完成后 触发。我的实际应用是在这之后从新调整布局。

7、loading  数据加载前后的回调方法,这个方法会在有数据加载调用时,执行两次。根据参数判断执行前,还是执行后。

第一个参数为true,执行前的回调; 第一个参数为false ,执行后的回调。

8、windowResize  当窗口大小调整时候,触发的回调方法。

9、eventResizeStart  日程从新调整开始时候触发的回调方法。

10、eventResizeStop 日程从新调整结束时候触发的回调方法。

11、eventDragStart  日程从拖动开始时候触发的回调方法。

12、eventDragStop  日程从拖动结束时候触发的回调方法。

13、eventDrop 日程拖动到放入时触发的事件。

14、select  日程被选中时触发的回调

15、unselect  日程被选中时触发的回调。

没有参数 具体可以查看源码:

fullcalendar 包含源码

先写这么多吧。

猜你喜欢

转载自blog.csdn.net/weixin_42776979/article/details/81946247