SAP UI5应用里的列表怎么处理

本篇内容主要讲解“SAP UI5应用里的列表怎么处理”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“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，实现在控制器文件里：

```JavaScript

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]});}});});

```

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

弹出对话框：

到此，相信大家对“SAP UI5应用里的列表怎么处理”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！