在外面单击时关闭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

Answer 2

sap.m.Popover控件默认显示此行为。

https://sapui5.hana.ondemand.com/explored.html#/entity/sap.m.Popover/samples