具有完整日历的上下文菜单，在日历和上下文菜单之间传递数据
具有完整日历的上下文菜单，在日历和上下文菜单之间传递数据
提问于 2015-01-15 09:58:03
我使用jquery上下文菜单，使用Adam的完整日历(在事件右键单击)。它运行得很好，但是，我如何将事件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);
},
});回答 2
Stack Overflow用户
回答已采纳
发布于 2015-01-17 01:43:01
所以我做的是：
- 在eventRender中:函数..。我会做
element.attr('data-event-id', event.id); element.addClass('context-class');
然后，在一个文档就绪函数中，将上下文菜单附加到所有. to class元素。
在上下文菜单代码中，您可以获取元素并为所需提取“data-”属性。
Stack Overflow用户
发布于 2021-10-02 23:25:27
从版本5开始，应该使用事件呈现钩子为标记分配一些元信息。
const idCustomAttributeName = 'data-event-id';
const calendar = new Calendar(element, {
..
eventDidMount: info => {
const id = info.event.id;
$('.fc-event-main-frame', info.el).attr(idCustomAttributeName, id);
}
};
$.contextMenu({
selector: '.fc-event-main-frame',
callback: (key, options) => {
..
const eventId = options.$trigger.attr(idCustomAttributeName);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27960868
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号