ui5_Walkthrough_Step 6:Modules

哈哈~haha2025-12-02 8:38

同ui5_Walkthrough_Step 5: 视图控制器Controller 新建文件夹06，更改Step 5中App.ontroller.js文件如下

App.ontroller.js

javascript 复制代码

sap.ui.define(
  ["sap/ui/core/mvc/Controller", "sap/m/MessageToast"],
  function (Controller, MessageToast) {
    "use strict";
    return Controller.extend("sap.ui5.walkthrough.controller.App", {
      onPress: function () {
        MessageToast.show("ui5 walkthrough strp_6 Module");
      },
    });
  }
);
//sap/ui/core/mvc/Controller 声明控制器实现依赖于sap ui5 标准控制器
//当sap/ui/core/mvc/Controller module加载完成后function (Controller) 会
//被调用，这里的onPress方法和App.view.xml视图里的Button press时间绑定，

同Step_5区别是，这里使用MessageToast的方法弹出消息，

1.在最开始sap.ui.define的时候新增"sap/m/MessageToast"的声明

2.回调函数function中新增MessageToast参数

3.同时onPress方法中MessageToast.show方法弹出消息内容

运行结果如下