SAP UI5应用里的列表处理

在XML view里，使用List标签引入列表：

<mvc:View controllerName="sapcp.cf.tutorial.app.controller.View1" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m"><Shell id="shell"><App id="app"><pages><Page id="page" title="{i18n>title}"><content><List items="{/Products}"><StandardListItem type="Active" press="handleListItemPress" title="{ProductName}"/></List></content></Page></pages></App></Shell>
</mvc:View>

上面代码里注册的列表元素点击处理函数handleListItemPress，实现在控制器文件里：

sap.ui.define(["sap/ui/core/mvc/Controller","sap/m/MessageBox"
], function (Controller, MessageBox) {"use strict";return Controller.extend("sapcp.cf.tutorial.app.controller.View1", {onInit: function () {},// show in a pop-up which list element was pressedhandleListItemPress: function (oEvent) {MessageBox.show("You pressed item: " + oEvent.getSource().getBindingContext(), {icon: sap.m.MessageBox.Icon.INFORMATION,title: "It works!",actions: [sap.m.MessageBox.Action.OK]});}});
});

运行效果：点击列表元素：

弹出对话框：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

SAP UI5应用里的列表处理相关推荐

SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
如何在 SAP UI5 应用里显示 PDF 文件试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年12月23日为止,目前已经更新了 155 篇,专栏完成度为 51.6%,完成度已经超过了一半了. ...
SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%. 作者简介 Jerry W ...
使用函数节流思想避免 SAP UI5 应用里按钮短时间内被高频重复点击试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
SAP UI5 应用开发教程之五十九 - 如何在 SAP UI5 应用里显示世界地图试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
48. 如何在 SAP UI5 应用里开发条形码扫描功能
SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能先看实现效果: 从 Github 下载本步骤的源代码: 运行命令行 npm install 和 ui5 se ...
SAP UI5 Tools 里配置文件 ui5-local.yaml 的配置要点
ui5.yaml 文件里的文件路径必须用符号 / 即 forward slash 符号. framework 类型可以选择 SAPUI5 或者 OpenUI5: 上图打印的信息: Using SAPU ...
SAP UI5应用里的页面路由处理
选择SAP UI5应用的webapp文件夹,右键,选择New->SAP UI5 View, 新建一个UI5视图: 视图名称改成app: 在manifest.json文件里编辑route区域,将默 ...

SAP UI5应用里的列表处理

SAP UI5应用里的列表处理相关推荐

最新文章

热门文章