UI5-文档-4.5-Controllers

在这个步骤中，我们将文本替换为一个按钮，并在按钮被按下时显示“Hello World”消息。按钮的按下事件的处理是在视图的控制器中实现的。

Preview

A Say Hello button is added

Coding

You can view and download all files at Walkthrough - Step 5.

webapp/view/App.view.xml

<mvc:ViewcontrollerName="sap.ui.demo.walkthrough.controller.App"xmlns="sap.m"xmlns:mvc="sap.ui.core.mvc"><Buttontext="Say Hello"press="onShowHello"/></mvc:View>

我们添加对控制器的引用，并将文本控件替换为文本“Say Hello”的按钮。按钮在被按下时触发onShowHello事件处理函数。我们还必须通过设置视图的controllerName属性来指定连接到视图并保存onShowHello函数的控制器的名称

视图不一定需要显式分配控制器。如果视图只是显示信息，不需要额外的功能，则不必创建控制器。如果指定了控制器，则在加载视图后实例化控制器。

webapp/controller/App.controller.js (New)

sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {"use strict";return Controller.extend("", {});});

请注意：“use strict”;文字表达式是由JavaScript 1.8.5 (ECMAScript 5)引入的，它告诉浏览器以所谓的“use strict”执行代码。严格模式有助于在开发时的早期状态检测潜在的编码问题，这意味着，例如，它确保变量在使用之前声明。因此，它有助于防止常见的JavaScript pitfa我们创建文件夹webapp/controller和一个新的文件App.controller.js在里面。目前，我们忽略管理所需模块的代码。我们将在下一个步骤中解释这一部分。

webapp/controller/App.controller.js

sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {"use strict";return Controller.extend("sap.ui.demo.walkthrough.controller.App", {onShowHello : function () {// show a native JavaScript alertalert("Hello World");}});});

我们通过扩展SAPUI5 core的controller对象，在它自己的文件中定义app控制器。在开始时，它只保存一个名为onShowHello的函数，该函数通过显示警告来处理按钮的按下事件。

约定：

　　• 控制器名称大写

　　• 控制器的名称与相关视图相同(如果存在1:1的关系)

　　• 事件处理程序以on作为前缀

　　• 控制器名总是以*.controller.js结尾

Parent topic: Walkthrough

Previous: Step 4: XML Views

Next: Step 6: Modules

Related Information

Model View Controller (MVC)

Controller

API Reference:sap.ui.define

转载于:https://www.cnblogs.com/ricoo/p/10101922.html

UI5-文档-4.5-Controllers相关推荐

一种简单的不需要查询UI5文档就能获得所有API的小技巧
一个很小的tip:比如我想把UI5里 table里的每个column 设置成宽度根据显示的内容自适应,需要知道应该call控件的哪个方法来实现. 一种办法当然是查help 文档,得知需要call se ...
PhysX3.4文档(16) -- Character Controllers
Character Controllers Introduction 角色控制器 (CCT) SDK 是构建在 PhysX SDK 之上的外部组件,其方式类似于 PhysXExtensions . C ...
如何查找历史版本的SAP UI5 API文档
例子:Jerry某个系统上,还在使用1.28.42这个版本的SAP UI5: 如果要查询这个oMode.read的参数文档: 进入SAP UI5 SDK网站: https://sapui5.hana. ...
Swagger 生成 PHP restful API 接口文档
需求和背景需求: 为客户端同事写接口文档的各位后端同学,已经在各种场合回忆了使用自动化文档工具前手写文档的血泪史. 我的故事却又不同,因为首先来说,我在公司是 Android 组负责人,属于上述血泪 ...
ASP.NET CORE 1.0 MVC API 文档用 SWASHBUCKLE SWAGGER实现
from:https://damienbod.com/2015/12/13/asp-net-5-mvc-6-api-documentation-using-swagger/ 代码生成工具: https ...
beego 文件服务器,beego自动化文档
beego是什么? beego是一个快速开发go应用的http框架,go 语言技术大牛ASTA谢的开源项目. beego可以用来快速开发API.Web以及后端服务等各种应用,是一个RESTFul的框架 ...
php怎么根据接口文档实现功能,CodeIgniter+swagger实现 PHP API接口文档自动生成功能...
一.安装swagger 1.首先需要有composer,没有的自行百度安装 2.下载swagger,打开网站https://packagist.org/packages/zircote/swagger ...
Grails 1.2参考文档速读（19）：插件
Grails是一个插件架构,这一点我们已经在前面体会到了,最典型的就是GORM一节中,我们明明没有定义crud操作,但在运行时却可以使用它,造成这一结果的"元凶"就是我们预先安装的 ...
【开源】.Net Api开放接口文档网站
开源地址:http://git.oschina.net/chejiangyi/ApiView 开源QQ群: .net 开源基础服务 238543768 ApiView .net api的接口文档查看 ...
接口文档神器Swagger（下篇）
本文来自网易云社区作者:李哲二.Swagger-springmvc原理解析上面介绍了如何将springmvc和springboot与swagger结合,通过简单配置生成接口文档,以及介绍了swa ...

UI5-文档-4.5-Controllers

UI5-文档-4.5-Controllers相关推荐

最新文章

热门文章