SAPUI5应用里搜索功能的实现是怎样的-创新互联

SAP UI5应用里搜索功能的实现是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司服务项目包括哈尔滨网站建设、哈尔滨网站制作、哈尔滨网页制作以及哈尔滨网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，哈尔滨网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到哈尔滨省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

在一个包含了list的XML视图里，使用SearchField标签页定义一个搜索按钮。点击之后，执行的事件处理函数为handleSearch：

	
		
			
				title}">
					
						
							
								
							
						
					
					
						
							
								
									
								
								
									
								
							
						
					
				
			
		
	

```

在视图的控制器里实现这个搜索函数：

```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 pressed
		handleListItemPress: function (oEvent) {
			var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
			var selectedProductId = oEvent.getSource().getBindingContext().getProperty("ProductID");
			oRouter.navTo("Detail", {
				productId: selectedProductId
			});
		}
	});
});

```

测试：

搜索能够按照期望的工作：

关于SAP UI5应用里搜索功能的实现是怎样的问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联-成都网站建设公司行业资讯频道了解更多相关知识。

文章标题：SAPUI5应用里搜索功能的实现是怎样的-创新互联
文章来源：http://jkwzsj.com/article/cegoei.html