按 Esc 仍会关闭

发布于 2025-01-05 23:43:37 字数 539 浏览 1 评论 0 原文

我正在使用 PrimeFaces 2.1 显示这样的对话框：

<p:dialog header="Test" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgTest" resizable="false" closable="false" width="500">
<!-- dialog content -->
</p:dialog>

一切正常，但我也希望该对话框无法关闭（这就是为什么我使用“closeable” false）

问题是：当对话框出现并且用户按 ESC 键时，对话框关闭（跳过 closeable 属性）

有解决这个问题的想法还是 Primefaces 的错误？我认为 closeable 属性只是从对话框中删除 (X) 并且没有任何意义！

只是要知道：我尝试使用 jQuery 并限制 ESC 键评估界面中的 keychar (27)，但当对话框出现时它没有任何效果（它仅适用于界面主体）

谢谢！

原文

I am using PrimeFaces 2.1 to show a dialog like this:

<p:dialog header="Test" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgTest" resizable="false" closable="false" width="500">
<!-- dialog content -->
</p:dialog>

Everything is ok but I also want that the dialog can't be closed (thats why I used "closable" false)

The problem is: when the dialog appears and the user press ESC, the dialog gets closed (skipping the closable property)

Any idea to solve this or is it a bug of Primefaces? I think closable property just remove the (X) from the dialog and has no sense!

Just to know: I tried to use jQuery and restrict the ESC key evaluating the keychar (27) in the interface but it has no effect when the dialog appears (it works just for the interface body)

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

三生池水覆流年 2025-01-12 23:43:37

p:dialog 有一个 closeOnEscape 属性，默认为 true。

请尝试以下操作：

<p:dialog header="Test" 
          modal="true" showEffect="fade" 
          hideEffect="fade" widgetVar="dlgTest" 
          resizable="false" closable="false" 
          closeOnEscape="false" width="500">
  <!-- dialog content -->
</p:dialog>

There is a closeOnEscape attribute for p:dialog which defaults to true.

Try the following:

<p:dialog header="Test" 
          modal="true" showEffect="fade" 
          hideEffect="fade" widgetVar="dlgTest" 
          resizable="false" closable="false" 
          closeOnEscape="false" width="500">
  <!-- dialog content -->
</p:dialog>

回复收藏 0 原文

~没有更多了~