我正在使用jquery上下文菜单,其中包含Adam Shaw的完整日历(在事件上单击鼠标右键)。而且效果很好,但是,如何将事件UI上出现的事件以外的数据传递给上下文菜单?我试图通过.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);
},
});
所以我做的是:
element.attr('data-event-id', event.id); element.addClass('context-class');
然后在文档准备功能中,将上下文菜单附加到所有.context-class元素。
在上下文菜单代码中,您可以获取该元素,并可以根据需要提取“ data-”属性
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句