javascript - 如何使用 javascript View 和 Controller (无 html)创建弹出窗口

Question

所以现在我有一个看起来像这样的 View 。

                var oPopOver = new sap.m.Link({
                text:"PopOver",
                press : function() {
                    oController.getPopOver()
                },
                    }).addStyleClass("PopOver"); 

然后我假设在 Controller 中我会有类似的东西:

    getPopOver: function(oEvent) {

    $(function () {
        $('#example').popover();
    });
}

我只是不明白所有弹出窗口的内容都去哪里了我以前使用过 Java，我是 SAP ABAP 开发人员，但这是我们的第一个 SAP UI5 项目，这意味着我们需要使用 javascript 等进行一些 Web 开发。所以任何对此提供帮助会很棒，我一直在关注教程，但它们似乎都显示将弹出窗口信息放入 html 标签等中。

Answer 1

使用sap.m.Popover

JS View

 var link = new sap.m.Link("link", {
     text: "Click for Popover",
     press: function() {
         oController.handleLinkPress()
     },
 })

Controller

 handleLinkPress: function(e) {
     var link = this.getView().byId("link");
     var oPopover = new sap.m.Popover({
         title: "Sample Popover",
         content: [new sap.m.Image({
             src: "https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png",
             width: "150px"
         })],
         footer: [new sap.m.Button({
             text: "Click me!"
         })]
     });
     oPopover.openBy(link);
 }

Demo