javascriptビューとコントローラーでポップオーバーを作成するにはどうすればいいですか？

Question

分のように、私はこのようなビューを持っています。私はすべてのポップオーバーのものは、私が以前にJavaおよびIで働いてきたどこに行くか理解しない

getPopOver: function(oEvent) { 

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

：

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

それから私は、私はこれに似何かを持っていると思いコントローラに仮定したいですSAP ABAP Developerですが、これはSAPの最初のUI5プロジェクトです.JavaScriptなどを使用してWeb開発を行う必要があることを意味しています。これで助けてもらえればうれしいです。チュートリアルをうまく行ってきましたが、 htmlタグなど

Answer 1

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

Demo