如何阻止sap.m.Popover在按下ESC键时关闭？

嗨，我来帮你搞定这个需求！首先明确一点：sap.m.Popover没有内置的属性直接禁用ESC关闭，不过我们有两种靠谱的方案可以实现，其中beforeClose事件是最常用也最灵活的选择。

方案一：使用beforeClose事件（推荐） #

beforeClose事件会在Popover即将关闭前触发，我们可以通过事件参数里的reason判断关闭触发的原因——当用户按下ESC键时，reason的值是"Escape"。这时调用preventDefault()就能直接阻止关闭动作。

代码示例 #

1. 在XML视图中绑定事件

<Popover
  id="myPopover"
  beforeClose=".onPopoverBeforeClose"
  <!-- 其他属性 -->
>
  <!-- Popover内容 -->
</Popover>

2. 在控制器中实现处理逻辑

onPopoverBeforeClose: function(oEvent) {
  const sCloseReason = oEvent.getParameter("reason");
  // 仅阻止ESC触发的关闭
  if (sCloseReason === "Escape") {
    oEvent.preventDefault();
    // 这里可以添加你需要的自定义逻辑，比如什么都不做就保持Popover打开
  }
}

这种方案的好处是精准控制：你可以只拦截ESC触发的关闭，而不影响其他正常关闭场景（比如点击Popover外部、调用close()方法等）。如果需要同时拦截其他关闭原因，也可以扩展判断逻辑，比如reason为"OutOfBounds"是点击外部触发的关闭。

方案二：自定义Popover子类（适合全局复用） #

如果你有多个Popover都需要禁用ESC关闭，自定义一个子类会更高效。我们可以继承sap.m.Popover并覆盖它的onEscapePressed方法——这个方法就是原生处理ESC按键的逻辑，空实现它就能彻底禁用ESC关闭。

代码示例 #

sap.ui.define(["sap/m/Popover"], function(Popover) {
  return Popover.extend("your.namespace.CustomPopover", {
    metadata: {
      // 可以添加自定义属性，这里不需要的话留空
    },
    onEscapePressed: function() {
      // 空实现，取消原生ESC关闭逻辑
      // 也可以在这里添加你的自定义ESC按键处理逻辑
    }
  });
});

之后在视图中直接使用这个自定义的CustomPopover即可，所有实例都会自动禁用ESC关闭。

内容的提问来源于stack exchange，提问作者J0rd4n500