提问人:Younus Hussain 提问时间:10/5/2023 最后编辑:Younus Hussain 更新时间:10/5/2023 访问量:119
如何防止fullcalendar“moreLink”弹出窗口在外面点击时关闭?
How to prevent fullcalendar "moreLink" popover to close when click outside?
问:
我在nextjs中使用FullCalendar v6,它有一个内置功能,当事件太多时,它会将剩余的事件放在弹出窗口中,单击“更多”即可显示这些事件。我的问题是,当我在弹出框外部单击时,如何防止弹出框关闭?
答:
0赞
Shivaji M Kattimani
10/5/2023
#1
为了防止弹出框在外部单击时关闭,可以在 FullCalendar 中使用交互对象。具体而言,可以将弹出框类型的 enabled 属性设置为 false。这样,当单击弹出框外部时,弹出框不会关闭。
示例如下:
import { Calendar } from '@fullcalendar/react';
import interactionPlugin from '@fullcalendar/interaction';
const MyCalendarComponent = () => {
const handleEventClick = (info) => {
// Your event click logic here
};
return (
<Calendar
plugins={[interactionPlugin]}
events={[
// your event data here
]}
eventClick={handleEventClick}
eventPopover={{
enabled: true,
// By default, clicking outside of the popover will close it.
// To prevent this, set the interaction.enabled property to false.
interaction: {
enabled: false,
},
}}
/>
);
};
export default MyCalendarComponent;
你也可以参考这个
评论
0赞
Younus Hussain
10/5/2023
感谢您回答 Shivaji,Eventpopover 不在 v6 中,我想防止 moreLinkClick 弹出框在单击外部时关闭
评论