help.hybris.com和help.sap.com网站的搜索实现

简介:

help.hybris.com

我使用help.hybris.com时,发现每次在搜索栏输入文字时,没有发出任何HTTP请求,那么这个自动完成的下拉框里的记录从哪里来的?我看了下实现,发现所有自动完成下拉框里的记录都是硬编码在searchsuggestion.js里:

Hybris help网站只用了bootstrap框架:

help.sap.com

在搜索框里输入字符后,会发起HTTP请求,通过AJAX取回匹配的记录,渲染在UI上实现自动完成功能。

用的angular框架, 在我测试时(2018年1月12日)版本号v1.4.8


要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

相关文章
|
1月前
|
存储 数据管理 数据处理
SAP CRM 里 Attachment 搜索的实现逻辑介绍
SAP CRM 里 Attachment 搜索的实现逻辑介绍
18 0
|
7月前
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
SAP Spartacus 产品搜索页面结果里的 filter 设计明细
44 0
|
15天前
|
数据库
SAP CRM产品主数据无法根据产品描述字段进行搜索的原因
SAP CRM产品主数据无法根据产品描述字段进行搜索的原因
15 5
|
6月前
|
XML 存储 中间件
根据指定关键字搜索指定时间范围内的 SAP CRM 中间件 BDOC 的 ABAP 小工具分享
根据指定关键字搜索指定时间范围内的 SAP CRM 中间件 BDOC 的 ABAP 小工具分享
54 0
|
6月前
|
JavaScript 前端开发
SAP CRM product 主数据搜索,如何采用 ABAP 代码来实现
SAP CRM product 主数据搜索,如何采用 ABAP 代码来实现
24 0
|
7月前
SAP 电商云 Spartacus UI 产品搜索结果的设计明细
SAP 电商云 Spartacus UI 产品搜索结果的设计明细
39 0
|
7月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之七十八 - 如何通过 url 保持 SAP UI5 搜索的状态,让其支持书签功能试读版
SAP UI5 应用开发教程之七十八 - 如何通过 url 保持 SAP UI5 搜索的状态,让其支持书签功能试读版
38 0
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
106 0
SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑
|
SQL 前端开发 JavaScript
SAP UI 搜索分页技术
搜索分页技术往往和另一个术语Lazy Loading(懒加载)联系起来。今天由Jerry首先介绍S/4HANA,CRM Fiori和S4CRM应用里的UI搜索分页的实现原理。后半部分由SAP成都研究院菜园子小哥王聪向您介绍Twitter的懒加载实现。 关于王聪的背景介绍,您可以参考他的前一篇文章:SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么。
147 0
SAP UI 搜索分页技术