用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版

简介: 用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版

有朋友学习了本教程第 95 篇文章后:


提出了这个问题:


Hello, Jerry, 目前遇到一个需求。 界面上面是一个select控件,下面是一个List。select控件下拉数据的来源是cds view group之后的结果,当选择一条后,list里的数据为当前group的数据。这个sap提供的标准的method可以做到吗?


这其实就是一个典型的 SAP UI5 控件联动的需求,即控件 A 产生的某一事件(在本文需求中是 Select 下拉列表选中的记录发生变化)后,触发控件 B 去刷新。

本教程之前介绍过类似的控件联动需求的实现:


笔者做了一个实际的例子,先看一下效果。我在 SAP UI5 项目文件夹里维护了一个 JSON 文件 books.json,里面是一个 JavaScript 数组,每个元素描述了图书的 id,名称和作者名称——笔者是金庸和古龙两位大师的粉丝。


访问本例开发的 SAP UI5 应用后,在屏幕上方能看到一个下拉列表,默认显示金庸,然后下方是一个 Table 控件,里面显示的是 books.json 文件里所有作者为金庸的图书 id 和图书名称。


当我们点击 Select 下拉列表,选择古龙之后:


表格就会显示古龙的对应作品:


我们可以查看下面这个 gif 的动画效果。

下面是这个需求的详细实现。


相关文章
|
1月前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
23 1
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
1月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
18 0
|
2月前
|
开发框架 容器
SAP UI5 控件的 aggregation 的概念解析
SAP UI5 控件的 aggregation 的概念解析
36 0
|
3月前
|
开发框架 前端开发 .NET
七天.NET 8操作SQLite入门到实战 - (1)第七天BootstrapBlazor UI组件库引入
七天.NET 8操作SQLite入门到实战 - (1)第七天BootstrapBlazor UI组件库引入
|
3月前
|
缓存 自然语言处理 物联网
LLama Factory+ModelScope实战——使用 Web UI 进行监督微调
LLaMA Factory 是一个高效的大语言模型训练和推理框架,它通过提供一站式的 Web UI 界面和集成多种训练方法,简化了大模型的微调过程,并能够适配多种开源模型。
|
3月前
|
前端开发
使用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据丢失
使用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据丢失
|
1月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
42 0

热门文章

最新文章