jQWidgets jqxScheduler contextMenuClose 事件介绍

jQWidgets jqxScheduler 是一个基于 jQuery 的日程表控件，可以用于显示和管理日程安排。jqxScheduler 提供了丰富的 API 和事件，以便开发人员可以轻松地定制其外观和行为。

其中，jqxScheduler contextMenuClose 事件是当上下文菜单被关闭时触发的事件。

事件信息

• 事件名称： contextMenuClose
• 事件类型： 事件
• 事件触发时机： 上下文菜单关闭时触发。
• 取消选项： 无

事件参数

事件处理程序的第一个参数是一个事件对象，其中包含有关事件的信息。

arguments[0] - event

• 类型： 事件对象

• 属性列表：

| 属性名称 | 类型 | 描述 | | ------------ | -------- | ------------------------------------------------------------------------------------------ | | args | any | 与事件一起传递的数据。这个参数只有在使用 jqxScheduler 的自定义上下文菜单时才有效。 | | isNewContext | boolean | 如果上下文菜单被重新打开，它将设置为 true。 | | jqEvent | any | 原生事件对象 | | left | integer | 上下文菜单左侧的像素位置。 | | top | integer | 上下文菜单顶部的像素位置。 | | type | "mouseup"或"keydown" | 触发上下文菜单的事件类型。 |

使用方法

下面是一个使用 jqxScheduler contextMenuClose 事件的简单示例。在此示例中，我们将创建一个 jqxScheduler 实例，并使用自定义上下文菜单。

// 定义上下文菜单
let contextMenu = $("<div>")
    .appendTo("body")
    .jqxMenu({
        width: "120px",
        autoOpenPopup: false,
        mode: "popup"
    });
    
// 初始化 jqxScheduler
let scheduler = $("<div>")
    .appendTo("body")
    .jqxScheduler({
        date: new Date(),
        width: "100%",
        height: 600,
        theme: "material",
        contextMenu: contextMenu
    });
    
// 监听 contextMenuClose 事件
scheduler.on("contextMenuClose", function(event) {
    console.log("contextMenuClose event fired!", event);
});

当上下文菜单关闭时，事件处理程序将打印事件对象。可以根据需要在事件处理程序中执行任何其他操作。

参考链接

• jqxScheduler 文档：https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxscheduler/jquery-scheduler-getting-started.htm
• contextMenuClose 事件文档：https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxscheduler/jquery-scheduler-contextmenuclose.htm