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

桑德拉·帕塔(Sandra Patta)

我正在使用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);
    },
});
warath编码器

所以我做的是:

  1. 在eventRender:功能...我会做

element.attr('data-event-id', event.id); element.addClass('context-class');

然后在文档准备功能中,将上下文菜单附加到所有.context-class元素。

在上下文菜单代码中,您可以获取该元素,并可以根据需要提取“ data-”属性

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

上下文菜单MenuItem单击“数据上下文”?

来自分类Dev

SwiftUI上下文菜单

来自分类Dev

关于上下文菜单

来自分类Dev

ListView上下文菜单

来自分类Dev

上下文菜单颜色

来自分类Dev

上下文菜单颜色

来自分类Dev

具有上下文菜单的WPF按钮

来自分类Dev

具有上下文菜单的WPF按钮

来自分类Dev

上下文菜单和带有dataTable的目标

来自分类Dev

主顶部菜单和右键单击上下文菜单之间的WPF共享菜单

来自分类Dev

禁用上下文菜单和右键菜单

来自分类Dev

CytoscapeJS实现上下文菜单和菜单栏?

来自分类Dev

具有QAbstractItemModel和上下文菜单的Qml 2.0 TableView

来自分类Dev

上下文菜单绑定到父窗口的数据上下文

来自分类Dev

jQuery上下文菜单,具有多个操作的单个菜单

来自分类Dev

片段上下文菜单中的ListView

来自分类Dev

JavaFX树的上下文菜单

来自分类Dev

选项(⌥)+可可中的上下文菜单?

来自分类Dev

上下文菜单的出现位置错误

来自分类Dev

按钮上的上下文菜单长按?

来自分类Dev

NetBeans项目上下文菜单

来自分类Dev

WPF TaskbarIcon上下文菜单

来自分类Dev

UWP ListView项目上下文菜单

来自分类Dev

白色上下文菜单(复制/粘贴)

来自分类Dev

上下文菜单单击Android

来自分类Dev

电子:动态上下文菜单

来自分类Dev

设置上下文菜单的鼠标位置

来自分类Dev

上下文菜单位置

来自分类Dev

禁用右键单击上下文菜单?