Javascript Fullcalendar v5中是否有任何方法可以重新引发事件?
我在事件中初始化了引导popover,在popover内容中我有按钮(单击按钮调用函数,使用Javascript Fullcalendar v5中是否有任何方法可以重新引发事件?,javascript,jquery,fullcalendar,fullcalendar-5,Javascript,Jquery,Fullcalendar,Fullcalendar 5,我在事件中初始化了引导popover,在popover内容中我有按钮(单击按钮调用函数,使用event.setExtendedProp()方法更改相关事件的extendedProp.status) //上面的代码FullCalendar已呈现并设置为变量var=calendar eventDidMount:函数(信息){ $(info.el).popover({ 是的, 内容:PopoverHtml(info.event), 容器:'主体', 动画:没错, }) } 由于popover是在事件
event.setExtendedProp()
方法更改相关事件的extendedProp.status
)
//上面的代码FullCalendar已呈现并设置为变量var=calendar
eventDidMount:函数(信息){
$(info.el).popover({
是的,
内容:PopoverHtml(info.event),
容器:'主体',
动画:没错,
})
}
由于popover是在事件元素添加到DOM之后立即初始化的,因此我需要重新渲染事件以更改popover的内容
eventChange:function(changeInfo){
event\u source=calendar.getEventSourceById(changeInfo.event.id);
事件_source.refetch();
},
我还尝试了bootstrap的动态内容设置方法
setContent()
我将popover与eventClick一起使用,没有问题:
function event_click(info) {
$('.popover_show').popover('dispose');
$(info.jsEvent.srcElement).popover({
container: 'body',
animation: false,
title: 'Zeitraum: '+fc_date_print(info.event.start, true)+" - "+fc_date_print(info.event.end, false)+
"<a href='#' class='float-right' onclick='form_cancel()' ><img src='/icon/x.svg' width='23' height='23' > </a>",
placement: 'bottom',
boundary: 'window',
sanitize: false,
trigger : 'manual',
popperConfig: {eventsEnabled: false },
"html": true,
content: function(){ a = get_form(info.event.extendedProps['id']); return a; }
});
$(info.jsEvent.srcElement).popover('show');
$(info.jsEvent.srcElement).addClass('popover_show');
}
做的魔术,你不需要第二次点击
我将类popover_show添加到sourceElement中,因此$('.popover_show').popover('dispose');
将关闭所有popover。(我在打开新的popover之前这样做)
但是还有很多其他方法。您是否检查了eventClick方法?它将在事件单击时显示popover,您可以获得Methodos参数的事件详细信息。@Santosh,当然,但popover在第一次事件单击时呈现,并显示为onsecond@Santosh,我将在初始化popoverYes try后尝试切换内部方法。我没有检查过popover,但是它在模态等上工作得很好。@Santosh,无论如何它在
eventClick
上不工作。我调用了$(info.el)。popover()
然后$(info.el)。popover('toggle')
$(info.jsEvent.srcElement).popover('show');