javascript - 具有完整日历的上下文菜单，在日历和上下文菜单之间传递数据

Question

我正在使用 jquery context menu 和 Adam Shaw 的完整日历(在事件上单击鼠标右键)。它工作得很好，但是，除了事件 UI 上显示的数据之外，如何将 eventClick 上的数据传递到上下文菜单？我试图通过 .targetdata 传递信息但没有成功。请帮忙!

$('#calendarView').fullCalendar({
    eventRender: function(event, element) {
        var originalClass = element[0].className;
        element[0].className = originalClass + ' hasmenu';
    },
    eventClick: function(calEvent, jsEvent, view) {
        //need to pass calEvent.ID to context menu                   
    },
});

$('#calendarView').contextmenu({
    delegate: ".hasmenu",
    preventContextMenuForPopup: true,
    preventSelect: true,
    menu: [{
        title: "Edit Booking",
        cmd: "Edit",
        action: function(event, ui) {}
    }, {
        title: "Delete Booking",
        cmd: "Delete",
        action: function(event, ui) {
            //need to pick up calEvent.ID here
        }
    }],
    select: function(event, ui) {
        // Logic for handing the selected option
    },
    beforeOpen: function(event, ui) {
        ui.menu.zIndex($(event.target).zIndex() + 1);
    },
});

Answer 1

所以我所做的是:

1. 在 eventRender: function...我会做


element.attr('data-event-id', event.id);
element.addClass('上下文类');


然后在文档就绪函数中将上下文菜单附加到所有 .context-class 元素。

在上下文菜单代码中，您可以获得元素并可以根据需要拉出“data-”属性