扩展 JQueryUI 对话框

Question

我有一个应用程序，其中包含许多对话框，用于消息和各种输入。

主应用程序捕获了许多按键，包括字母字符，我需要在任何对话框打开时禁用这些事件。

目前我有一个保存键盘事件的函数，我在每个对话框的打开事件上调用它，还有一个恢复键盘事件的函数，我在每个对话框的关闭事件上调用它。

它工作正常，但它意味着很多重复，我还必须记住为任何新对话框添加这些功能。

在我看来，可能有一些方法可以连接到通用对话框代码中，这样我就可以为我使用的每个对话框自动调用我的函数。

我之前没有真正在 JQuery 中扩展过任何东西，所以我不太确定从哪里开始。

有什么建议吗？

谢谢

Answer 1

好的，所以我想通了。这真的很简单，但我会在这里发布以防它帮助其他人。

基本上你只是从对话框小部件继承，然后重写方法（记得调用原来的）。这是它的一个简单版本，它只在打开和关闭时记录控制台消息。

$.widget("custom.cDialog", $.ui.dialog, {
    open: function () {
        console.log("open");
        return this._super();
    },
    close: function () {
        console.log("close");
        return this._super();
    }
});

希望对某人有所帮助。