今天帮同事研究了一下 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 日程被选中时触发的回调。
没有参数 具体可以查看源码:
先写这么多吧。