sapui5 - 在外部单击时关闭 UI5 对话框

Question

我的应用程序中某处有一个 sap.m.Dialog 框。当用户在对话框外部单击时，我希望它关闭。 in JQuery this works .但在 sapUI5 I cannot get it to work .有什么想法吗？

Answer 1

嗨，

这是我如何解决它的(这是您更新的 openDialog() 函数。其余代码保持原样):

openDialog: function(){
  this._oDialog.open();
  document.addEventListener("click", 
    function closeDialog(oEvent){
    if(oEvent.target.id === "sap-ui-blocklayer-popup"){
      sap.ui.getCore().byId("__xmlview0--myDialog").close();
      document.removeEventListener("click", closeDialog);
    }
  });
},

这是 JSBIN 示例:LINK