在FullCalendar.js中的每个事件上应用contextMenu函数
我正在使用Fullcalendar.js,我为每个事件设置了一个简单的上下文菜单,该菜单具有指定的功能(在确认医疗预约时更改状态)。下一个代码示例仅在一天内有一个事件(eventRender)时工作正常: 但是,只有一天我想要的效果。当我在同一天有两个或多个事件时,在应用上下文菜单中的函数时,它只使用当天的最后一个事件生成函数(如果我有3个事件,则函数应用于最后一个事件,而不是我要应用函数的指定事件)在FullCalendar.js中的每个事件上应用contextMenu函数,fullcalendar,jquery-ui-contextmenu,Fullcalendar,Jquery Ui Contextmenu,我正在使用Fullcalendar.js,我为每个事件设置了一个简单的上下文菜单,该菜单具有指定的功能(在确认医疗预约时更改状态)。下一个代码示例仅在一天内有一个事件(eventRender)时工作正常: 但是,只有一天我想要的效果。当我在同一天有两个或多个事件时,在应用上下文菜单中的函数时,它只使用当天的最后一个事件生成函数(如果我有3个事件,则函数应用于最后一个事件,而不是我要应用函数的指定事件) 如果没有我正在展示的问题,我如何对每个事件应用相同的处理?我试着给每个句子加上一个forEac
如果没有我正在展示的问题,我如何对每个事件应用相同的处理?我试着给每个句子加上一个forEach,但我不知道我在做什么我不知道你的上下文菜单插件,但也许它应该是:
$(element)。上下文菜单({menu:[{
etc?然后它将上下文菜单直接应用于当前事件元素。不,我尝试了对jquery的元素调用,但它不起作用,因为它会给你带来完全相同的问题,或者其他什么?如果你告诉我们这个上下文菜单插件是从哪里来的,那么我们就可以研究文档了有$('#calendar2')。上下文菜单({menu:[{
等,其他句子不起作用。我的详细信息是当我一天内有两个或更多事件,我必须在上下文菜单中应用一个函数,只对最后一个事件有效什么“不起作用”确切地说,是吗?您在控制台中遇到了一个错误?或者什么都没有?同样,如果您告诉我们这个contextMenu插件是从哪里来的,那么我们就可以研究它的文档了。我不知道您的contextMenu插件,但也许它应该是:$(元素)。contextMenu({menu:[{
etc?然后它将上下文菜单直接应用于当前事件元素。不,我尝试了对jquery的元素调用,但它不起作用,因为它会给你带来完全相同的问题,或者其他什么?如果你告诉我们这个上下文菜单插件是从哪里来的,那么我们就可以研究文档了有$('#calendar2')。上下文菜单({menu:[{
等,其他句子不起作用。我的详细信息是当我一天内有两个或更多事件,我必须在上下文菜单中应用一个函数,只对最后一个事件有效什么“不起作用”确切地说,是吗?你在控制台中遇到了一个错误?或者什么都没有?再说一次,如果你告诉我们这个contextMenu插件是从哪里来的,那么我们就可以研究它的文档了。
eventRender: function(event, element) {
var originalClass = element[0].className;
element[0].className = originalClass + ' hasmenu';
$('#calendar2').contextmenu({
delegate: '.hasmenu',
menu: [{
title: 'Cambiar Estado',
cmd: 'cestado',
action: function(ui){ui.cmd = "cestado";confirmarCambioEstado(event);}
}, {
title: 'Atender Cita',
cmd: 'acita',
action: function(ui){ui.cmd = "acita";if(event.color=="#0088cc"){
actualizarEstado(3,event.id);
event.color = "yellowgreen";
calendarJ.fullCalendar('rerenderEvents');
hrefHCE.href = "HCE?idCita="+event.id;
hrefHCE.click();
}else{
advertenciaEstado();
}}
},{
title: 'Cancelar Cita',
cmd: 'ccita',
action: function(ui){ui.cmd = "ccita";event.color = "green";
confirmarCambioEstado(event);}
}, {
title: 'Eliminar Cita',
cmd: 'ecita',
action: function(ui){ui.cmd = "ecita";confirmarEliminar(event);}
}],
beforeOpen: function (event,ui) {
ui.menu.zIndex($(event.target).zIndex() + 1);
}
});
},
eventDrop: function(event, delta, revertFunc){
confirmarCambioFecha(event,revertFunc);
},
eventAfterAllRender: cambiarFuncion
});