SAPUI5 Walkthrough Step 5: Controllers

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

 

执行

 

 源码地址