https://sapui5.hana.ondemand.com/#/topic/50579ddf2c934ce789e056cfffe9efa9

在這一步中，我們將增加一個按鈕，按鈕點選後將顯示訊息“Hello World”。為了處理按鈕的點選，我們將要需要增加相應的controller檔案

修改檢視檔案 webapp/view/App.view.xml，程式碼如下

<mvc:View
    controllerName="zdemo_step1.controller.App"
    xmlns="sap.m"
    xmlns:mvc="sap.ui.core.mvc">
    <
 
Button text="Hello World"
            press=".onShowHello" />
</mvc:View>

controllerName="zdemo_step1.controller.App"     指定檢視對應的controller
增加一個Button （sap.m.Button)，文字為Hello World，press事件為controller檔案中的 onShowHello。

增加controller檔案 webapp/controller/App.controller.js

sap.ui.define([
    "sap/ui/core/mvc/Controller"
    ], 
 
function(Controller){
        
    return Controller.extend("zdemo_step1.controller.App",{
        onShowHello: function(){
            alert("Hello World");
        }
    });
});

呼叫js中的alert方法，顯示Hello World

執行

原始碼地址