在FullCalendar.js中的每个事件上应用contextMenu的函数

时间:2017-09-05 17:47:08

标签: fullcalendar jquery-ui-contextmenu

我正在使用Fullcalendar.js并且我为每个事件设置了一个简单的上下文菜单,它创建了一个指定的功能(在确认医疗预约时更改状态)。下一个代码示例只有在我有一天的事件(eventRender)时才能正常工作:

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
});

但是,只有像我想要的一天一样。当我在同一天有两个或更多的偶数时,在应用contextMenu中的函数时,它只使用当天的最后一个事件来生成函数(如果我有3个事件,则函数适用于最后一个事件,而不是我想要应用函数的指定事件)

我如何为每个事件申请相同的tratment,而我正在展示这个问题?我曾经尝试过一个forEach句子,但我不知道我在做什么

0 个答案:

没有答案