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

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

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

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


	
		
			
				title}">
					
						
							
								
							
						
					
					
						
							
								
									
								
								
									
								
							
						
					
				
			
		
	

```

SAP UI5应用里搜索功能的实现是怎样的

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

```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应用里搜索功能的实现是怎样的

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

SAP UI5应用里搜索功能的实现是怎样的

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


当前题目:SAPUI5应用里搜索功能的实现是怎样的-创新互联
网站地址:http://myzitong.com/article/cegoei.html