如何使用 JavaScript 视图和控制器创建弹出窗口,没有 html

How do I create popover with a javascript view and a controller no html

本文关键字:窗口 没有 html 创建 JavaScript 何使用 视图 控制器      更新时间:2023-09-26

所以目前我有一个看起来像这样的视图。

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

然后我假设在控制器中我会有类似的东西:

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

只是不明白所有弹出的东西都去哪里了,我以前使用过Java,我是一名SAP ABAP开发人员,但这是我们的第一个SAP UI5项目,这意味着我们需要使用javascript等进行一些Web开发。因此,对此的任何帮助都很棒,我一直在遵循教程,但它们似乎都显示将弹出框信息放在 html 标签等中。

使用 sap.m.Popover

JS视图

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

控制器

 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);
 }

演示