在 Dojo Modaldialog 中捕获单击 close 按钮时的事件,可以通过以下步骤实现:
require(["dojo/dom", "dojo/on", "dijit/Dialog"], function(dom, on, Dialog){
var dialog = new Dialog({
title: "Modal Dialog",
content: "This is a modal dialog.",
closable: true // 设置对话框可关闭
});
// 监听 close 按钮的点击事件
on(dialog.closeButtonNode, "click", function(){
// 在这里编写 close 按钮点击时的逻辑代码
console.log("Close button clicked!");
});
// 显示对话框
dialog.show();
});
在上述代码中,我们使用了 Dojo 的 require
函数来加载所需的模块,包括 dojo/dom
、dojo/on
和 dijit/Dialog
。然后,我们创建了一个 Modaldialog 对象,并设置了标题、内容和可关闭属性。接着,使用 on
函数监听 close 按钮的点击事件,并在回调函数中编写相应的逻辑代码。最后,调用 dialog.show()
方法显示对话框。
这样,当用户单击 close 按钮时,控制台将输出 "Close button clicked!"。
请注意,以上示例中的代码仅适用于 Dojo 版本 1.14。如果你使用的是其他版本的 Dojo,请根据相应版本的 API 文档进行调整。
关于 Dojo Modaldialog 的更多信息和用法,请参考腾讯云的相关产品:Dojo Modaldialog。
领取专属 10元无门槛券
手把手带您无忧上云