fullcalendar 回调函数 总结

本文详细介绍了FullCalendar插件中的各种回调函数,包括视图渲染、事件操作等关键回调,并探讨了如何通过这些回调实现特定的功能需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天帮同事研究了一下 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 包含源码

先写这么多吧。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值