SAP UI5
文章平均质量分 75
SAP UI5 开源前端框架技术分享
汪子熙
Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达16年的 SAP 产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign,SAP CRM,SAP Cloud for Customer,SAP S/4HANA,SAP Commerce Cloud(电商云)等标准产品的研发工作。
Jerry 工作中使用 ABAP, Java, JavaScript 和 TypeScript 进行开发, 对包括 SAP UI5 在内的多款 SAP 自研框架有深入的研究。
展开
-
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
笔者在 SAP 中国研究院进行 Fiori 应用开发时,经常遇到接到新的开发任务之后,需要参考某个已经开发好的 SAP 标准 Fiori 应用的某些技术细节。假设我们想研究这个 Follow Up 按钮点击之后,到底是执行了哪些 JavaScript 代码从而实现的这个效果,应该从哪里出发进行探索呢?除了按照笔者的教程学习 SAP Fiori 开发之外,学习 SAP 标准的 Fiori 应用的源代码,也能提高我们的开发水平。这个时候,具备快速找到自己关注的某个功能点的能力,就显得尤为重要了。原创 2024-04-26 20:19:08 · 56 阅读 · 0 评论 -
谈谈通过 SAP UI5 应用上传文件时的病毒扫描
对于 Z 组,SAP 提供的组中的病毒扫描提供程序之一通过使用病毒扫描服务器的负载平衡来选择,并使用外部供应商经过认证的病毒扫描适配器来访问供应商的防病毒软件。对于 Y 组,有带病毒扫描服务器和不带病毒扫描服务器的病毒扫描提供商,它们都使用供应商认证的病毒扫描适配器来访问外部供应商的防病毒软件。根据外部产品的接口是公共的还是专有的,适配器可以集成到外部产品本身,也可以使用外部产品的公共接口并为 SAP 端提供病毒扫描接口。SAP 为其他供应商的病毒扫描产品提供了经过认证的接口。原创 2024-04-23 14:34:21 · 249 阅读 · 0 评论 -
使用 Chrome 开发者工具分析 Open UI5 应用前端执行的性能问题
本文介绍的使用 Chrome 开发者工具来分析 Web 应用性能问题的步骤,只是该工具使用技巧的冰山一角。后续有机会,Jerry 会继续把我在日常工作中学到的东西分享出来。如果遇到 Open UI5 应用出现性能问题,优先排查性能瓶颈是否由后台 API 造成。对于 Open UI5 应用的前端实现来说,因为 UI5 已经为应用开发人员做出了良好的封装,因此绝大部分情形,应用开发人员无需手动操纵 DOM 元素和 CSS 样式,所以也不大可能出现类似本文 heavyFunction 函数里模拟的极端情况。原创 2024-04-23 14:12:42 · 759 阅读 · 0 评论 -
如何使用 Open UI5 在前端应用中绘制 Chart
目前第三方用于绘制图表的 JavaScript 库可谓玲琅满目,对于使用 Open UI5 这款前端开发框架的从业者来说,其实 Open UI5 自带的 Viz 库,就足以胜任企业应用软件里大多数的画图需求了。笔者试着在中文搜索引擎里根据的关键字进行搜索,发现关于该库的中文资料非常少,因此就写了这篇文章,介绍该库的详细使用步骤。从最简单最容易入手的 Line Chart - 折线图入手开始学习。原创 2024-04-23 00:45:00 · 607 阅读 · 0 评论 -
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Mock Server 的运行对于 Open UI5 应用来说是完全透明的,Open UI5 应用根本不知道自己发出的请求,到底是被真实的远端服务器响应,还是由 Mock Server 返回。为了攻破坚固的特洛伊城,希腊联军中的奥德修斯想出了“木马计”:在木马腹中藏匿士兵,待特洛伊人将木马拽入城后,等到夜深人静时,木马内的士兵一齐涌出,里应外合,拿下特洛伊城。笔者在公司使用 Open UI5 进行前端应用开发时,与后台的交互,90% 的场合都是消费后台暴露的 OData 服务来完成的。原创 2024-04-19 01:00:00 · 945 阅读 · 0 评论 -
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
本文介绍了基于 OData 和 JSON 两种数据模型下的 UI5 表格行项目的数据增删改查实现细节,希望对有类似开发任务的同行有参考意义。原创 2024-03-30 01:00:00 · 718 阅读 · 0 评论 -
SAP customer engagement center Fiori 界面登录后的处理
Created by Wang, Jerry, last modified on Oct 19, 2015原创 2019-11-18 11:03:57 · 354 阅读 · 0 评论 -
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
控件的属性是 SAP UI5 应用开发中一个重要的特性,它允许开发者定义表格列的响应式显示逻辑。这意味着,根据不同的屏幕尺寸,可以决定某个列是显示还是隐藏,从而优化用户的浏览体验。在多设备环境中,这个功能尤其重要,因为它能够确保无论在手机、平板还是桌面电脑上,用户都能获得最佳的视觉和操作体验。原创 2024-03-01 20:00:35 · 360 阅读 · 0 评论 -
什么是前端设计领域的 Subtle link 设计
因此,开发者在设计表格时,需要仔细考虑每列的内容及其在不同设备上的显示优先级,以确保提供最佳的用户体验。属性的使用,开发者可以创建出既美观又功能强大的响应式表格界面,既满足了桌面用户的需求,也优化了移动用户的体验。属性是一个强大的工具,可以帮助开发者创建出响应式且用户友好的表格界面。通过合理利用这一属性,可以在不牺牲用户体验的前提下,优化应用在不同设备上的表现,从而满足当今多样化设备使用环境下的需求。这样做的好处是,它可以保持表格的整洁和可读性,同时提供对所有数据的访问,尤其是在屏幕空间有限的移动设备上。原创 2024-03-01 19:59:05 · 377 阅读 · 0 评论 -
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
因此,开发者在设计表格时,需要仔细考虑每列的内容及其在不同设备上的显示优先级,以确保提供最佳的用户体验。属性的使用,开发者可以创建出既美观又功能强大的响应式表格界面,既满足了桌面用户的需求,也优化了移动用户的体验。属性是一个强大的工具,可以帮助开发者创建出响应式且用户友好的表格界面。通过合理利用这一属性,可以在不牺牲用户体验的前提下,优化应用在不同设备上的表现,从而满足当今多样化设备使用环境下的需求。这样做的好处是,它可以保持表格的整洁和可读性,同时提供对所有数据的访问,尤其是在屏幕空间有限的移动设备上。原创 2024-03-01 19:58:34 · 364 阅读 · 0 评论 -
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
它提供了丰富的控件库,让开发者能够快速构建具有一致性和高互动性的用户界面。通过简单的配置,开发者可以轻松地调整列表的外观,使其更好地融入应用程序的整体设计中。属性不仅影响列表的视觉表现,还可能影响用户的交互体验。时,列表会在左右两侧留出一定的边距,这样可以让列表在视觉上更加突出,给用户一种嵌入式的感觉。控件是这个库中的一个核心组件,它为开发者提供了创建列表和表格的基础功能。在紧凑的布局中,关闭。结果是,这个列表在页面上会留出边距,看起来像是嵌入到页面中的效果。控件的一个重要特性,它用于调整列表的显示样式。原创 2024-03-01 19:55:19 · 383 阅读 · 0 评论 -
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
比如 Fiori Elements List Report 类型的应用,其 Smart Table 区域的表格列,有很多超链接。类似上面描述的这种场景,就大量使用到了 SAP UI5 的 Link 控件。俗话说千里之行,始于足下,本文我们先从最简单的。里基于 Semantic Object 进行应用间跳转的重要理论基础,因此我们有必要牢固掌握这个控件的使用方法。我们可以看到,这个表格的五个列,全部渲染成 Link 即超链接的格式。但这些超链接又有细微的区别。原创 2024-02-26 16:40:54 · 397 阅读 · 0 评论 -
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
不过出于纯技术讨论,接下来笔者给大家介绍如何让你们的 SAP UI5 应用,在打开 Chrome 开发者工具之后,具有类似本文开头介绍的和文心一言类似的效果。时,想观察在 Web 页面输入 Prompt,回车之后,文心一言发送到后台的 HTTP 请求格式。当我单击上图的 Resume 按钮之后,文心一言的界面自动跳转到了空白页面,我有点不知所措。一些网站被人用 Chrome 开发者工具窥探请求格式,进而开发爬虫爬取数据的门槛。从来没有建议过让 SAP UI5 的应用代码,不被他人调试的解决方案。原创 2024-02-24 13:08:26 · 379 阅读 · 0 评论 -
如何在 SAP Fiori Elements 框架里通过注解定义一个表格行项目的列
Annotations(注解)在这个过程中扮演着关键角色,它们提供了一种声明式的方法来定义 UI 行为和显示逻辑,而不是通过传统的编程。以这个例子为例,通过简单的 Annotations 配置,开发者能够指定在一个列表或表格中显示产品图片,并且通过标记其重要性为高,确保这个信息在用户界面上得到适当的展示。在 Fiori Elements 应用中,这可以影响字段在不同屏幕尺寸或设备上的显示方式,例如,在移动设备上优先展示或在紧凑视图中仍然保留。的注解,其目的是配置 Fiori 应用中的一个列表项的显示。原创 2024-02-21 20:10:22 · 336 阅读 · 0 评论 -
SAP Fiori Elements OData 元数据里,Navigation Property 的一个具体例子
在实际应用中,这种导航属性的定义允许开发者在 SAP Fiori 应用中构建丰富的用户界面,用户可以轻松地从一个实体导航到相关联的实体。例如,在一个基于 SAP Fiori Elements 的应用中,用户可以查看一个产品的详细信息页面,在该页面中,通过导航属性。在 OData 模型中,一个关联定义了两个实体类型(Entity Types)之间的关系,这种关系可以是一对一(1:1)、一对多(1:N)或多对多(N:M)。是一个非常关键的概念,它定义了实体类型之间的关系,使得在不同实体间导航成为可能。原创 2024-02-21 20:08:19 · 327 阅读 · 0 评论 -
什么是 SAP Fiori Elements List Report 模版里的 Criticality 属性试读版
启动 Fiori Elements List Report 应用后,在 Table 区域,除了朴素的文本显示控件之外,还能看到产品图片控件,显示产品库存状态的 Status 控件,以及产品评分控件,分别如下图高亮的三列所示。本教程之前的文章,介绍了上图中间显示的 Availability 这一列的数据来源,即。对于图片显示,本教程之前的文章已经详细介绍过,这个图片显示,基于 SAP UI5 的。本教程笔者在 Github 仓库上提供的源代码项目里,大家选择对应章节,比如进入。原创 2024-02-21 16:33:02 · 346 阅读 · 0 评论 -
从实际的开发案例出发,介绍 Navigation Property 在 Fiori Elements 开发中的作用试读版
启动 Fiori Elements List Report 应用后,在 Table 区域,除了朴素的文本显示控件之外,还能看到产品图片控件,显示产品库存状态的 Status 控件,以及产品评分控件,分别如下图高亮的三列所示。本文开始介绍上图中间显示的 Fiori Elements 框架里 List Report 模版的 Smart Table 中,Availability 这一列的设计原理。对于图片显示,本教程之前的文章已经详细介绍过,这个图片显示,基于 SAP UI5 的。原创 2024-02-21 16:30:13 · 356 阅读 · 0 评论 -
Fiori Elements List Report 模版里表格列的默认显示与否的逻辑总结试读版
启动 Fiori Elements List Report 应用后,在 Table 区域,能看到。那么问题来了,List Report 里的表格区域,哪些列默认应该显示,哪些列默认应该隐藏?本教程笔者在 Github 仓库上提供的源代码项目里,大家选择对应章节,比如进入。之后,其实还有很多列,默认处于隐藏状态。就来深入阐述这些问题。原创 2024-02-21 14:03:53 · 343 阅读 · 0 评论 -
从 SAP Fiori Elements List Report 中的图片显示,谈谈背后的 XML Template 设计机制试读版
从本文开始,我们从 Fiori Elements 预制的标准 XML Template 模版的设计,来介绍我们在最终 Fiori Elements 页面看到的产品图标,是如何渲染出来的。我们将 Fiori Elements 应用切换到调试模式运行后,在 Chrome 开发者工具 Network 面板,使用关键字。但是,List Report 里产品的图标显示,到底是上面这些 XML 文件里的哪一个里定义的呢?过滤,能看到很多 XML 模版文件加载。以上两篇文章都是从 OData 元数据的。原创 2024-02-20 21:03:42 · 350 阅读 · 0 评论 -
Fiori Elements List Report 应用点了 Go 之后的执行逻辑单步调试
fireEvent:有三个 listeners 监听在 search 事件上:第一个 listener:第一个 listener 又执行 execute 事件:重要文件:最终还是通过 smartTable 执行了:在 SAP UI5 和 OpenUI5 的世界里,SmartTable组件是一种高级表格控件,它提供了许多智能功能,例如自动列生成、排序、过滤等,以便开发者能够快速地实现复杂的数据显示需求。SmartTable。原创 2024-02-20 10:36:13 · 896 阅读 · 0 评论 -
SAP UI5 sap.ui.comp.filterbar.FilterBar beforeVariantFetch 事件的用法
在这种情况下,开发者可以利用。控件中一个强大的特性,它为开发者提供了一个灵活的机会,以确保用户定义的过滤变体在保存和后续使用过程中的准确性和一致性。这一过程中,开发者可以操作的不仅仅是用户直接输入的过滤条件,还包括了程序逻辑中可能自动生成的一些过滤条件。一个常见的应用场景是,在一些复杂的报表应用中,可能会有一些动态生成的过滤条件,这些条件对于最终用户是透明的,但对数据的检索至关重要。事件,开发者可以确保这些动态条件在用户保存过滤变体时得到正确的处理,从而在用户下次加载该变体时能够恢复完整的过滤状态。原创 2024-02-19 18:59:52 · 376 阅读 · 0 评论 -
SAP UI5 SmartFilterBar 的高级用法:自定义 Filter 控件的定义方法介绍试读版
里有朋友提问,如何对 Smart Filter Bar 控件默认渲染出来的这个控件外观不满意,想对其进行定制化,比如替换成其他类型的 SAP UI5 控件,应该怎么操作?最后就能在界面渲染出 Smart Filter 字段了。我们先来复习一下这个课程的内容。property 具有。然后 XML 视图里,在。原创 2024-02-19 14:12:48 · 358 阅读 · 0 评论 -
SAP Fiori Elements 应用里图片 url 的生成逻辑单步调试
如果图片URL是以"/"、“sap-icon://”、"http://"或"https://"开头的,就表示它是一个绝对路径的URL,不需要进行任何修改,直接返回原始的图片URL。这个示例中,图片URL是SAP提供的图标资源路径,也属于绝对路径,因此不需要进行任何修改,直接返回原始的图片URL。:这个函数用于根据给定的图片URL和应用组件名称,添加完整的路径到图片URL中(如果需要的话)。在这个示例中,图片URL已经是绝对路径,因此不需要进行任何修改,直接返回原始的图片URL。),以确保正确的路径。原创 2024-02-18 22:27:30 · 855 阅读 · 0 评论 -
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
SAP Fiori 为用户提供了一种简洁、现代化的用户界面体验。在 Fiori 框架中,和是两个关键的概念,它们共同支持 Fiori 应用的管理和部署。了解这两者的区别和联系对于有效地使用 SAP Fiori 至关重要。原创 2024-02-17 11:10:35 · 357 阅读 · 0 评论 -
SAP Fiori 到底指什么
SAP Fiori 技术包含构建、配置和运行 SAP Fiori 应用程序所需的所有架构、技术、基础设施和编程模型组件,以及 SAP Fiori Launchpad 的配置技术。SAP Fiori Design 即 SAP Fiori 设计指南中定义的视觉设计、信息架构(Information Architecture)、颜色和交互模式。, 对于应用的用户体验设计师们来说,这个 guideline 就是其进行应用交互设计的权威指南。Fiori 应用的 SAP UI5 前端通过。原创 2024-02-17 01:00:00 · 827 阅读 · 0 评论 -
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
这个命名空间包含 nw,这是 NetWeaver 的缩写,这个命名空间下的控件,旨在支持 SAP NetWeaver 平台上的核心扩展和库重用,为开发者提供了一套预定义的 UI 组件,以便在构建企业级 Web 应用时能够快速实现复杂的用户界面。命名空间下的控件可以大大加速开发过程,因为它们提供了诸如表格、表单、按钮、对话框等常用的界面元素,这些都是在企业应用中频繁使用的。开发者可以通过简单的配置和少量的代码,就能够实现复杂的功能和交互效果,从而提高开发效率,减少代码量,确保应用的一致性和质量。原创 2024-02-13 23:45:00 · 683 阅读 · 0 评论 -
sap.ui.comp.filterbar.FilterBar 的 persistencyKey 属性的作用介绍
例如,假设我们正在开发一个物资管理系统,系统中有一个物资清单页面,该页面包含一个过滤栏,允许用户根据物资名称、类型、存储地点等多个条件进行筛选。组件中一个极其有用的属性,它通过为过滤栏实例提供唯一标识,支持了过滤条件的持久化保存和管理。在一些复杂的应用场景中,它还可以用来管理用户对过滤栏本身布局的自定义,比如过滤条件的顺序、显示或隐藏某些过滤条件等。,用户的这些筛选偏好可以被保存下来,当他们再次访问这个报表时,可以立即看到自己之前配置的筛选条件,而无需重新设置,极大地提升了应用的用户友好性和效率。原创 2024-02-12 18:50:21 · 379 阅读 · 0 评论 -
SAP OData metadata.xml 里 EntityType,EntitySet 和 EntityContainer 三个概念之间的区别和联系
在 SAP 的 OData 服务中,是一个关键文件,它定义了服务的数据模型和结构。这个文件中的EntityTypeEntitySet和是三个核心概念,它们之间存在紧密的联系和区别,是理解 SAP OData 服务结构的基础。EntityType。原创 2024-02-12 16:46:22 · 411 阅读 · 0 评论 -
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
中的每一个筛选条件进行详细的配置。通过这种配置,开发者可以定义特定的筛选条件应如何显示,包括它们的标签、默认值、是否可见、是否为必填项等等。通过精心设计每个筛选条件的配置,开发者能够构建出符合业务逻辑、易于用户操作的筛选界面,从而大大提升应用程序的用户体验和数据检索的效率。聚合成为构建高度可定制、响应式且用户友好的筛选界面的关键工具,展现了 SAP UI5 在企业级应用开发中的强大能力和灵活性。不仅仅是一个静态的筛选工具,而是一个能够与应用程序的其他部分紧密集成、实时响应用户操作的动态元素。原创 2024-02-12 16:45:48 · 333 阅读 · 0 评论 -
sap.ui.comp.smartfilterbar.ControlConfiguration 中的 customControl property
这意味着,除了标准的输入控件和选择列表,开发者还可以使用更复杂的控件,如日期范围选择器、自定义搜索帮助或者任何其他 UI5 控件,来满足特定的用户输入需求。属性是这个组件中非常关键的一个特性,它的作用是让开发者可以插入自定义的 UI 控件,以满足特定的业务需求,这种灵活性是 SAP UI5 应用开发中定制性和用户体验优化的关键因素。这种方式的好处在于,它为开发者提供了极大的灵活性来满足不同的业务需求,同时也保持了应用界面的一致性和整洁性。,来插入各种复杂的控件,从而丰富应用的功能,提升用户的操作体验。原创 2024-02-12 16:45:10 · 357 阅读 · 0 评论 -
SAP UI5 控件 customData 属性的应用介绍
这些视图是基于 XML 语言的,可以让开发者以标记语言的形式定义 UI 组件和它们的布局。: 这是 XML 命名空间(XML Namespace)的声明前缀,用于定义元素和属性的命名空间。在 XML 中,命名空间用于提供元素和属性名的唯一性,避免不同来源的标记发生名称冲突。: 这是我们自定义的命名空间前缀,用于标识接下来使用的元素或属性属于哪个命名空间。在 UI5 的 XML 视图中,开发者可以通过定义不同的命名空间前缀,引入额外的功能或属性集。在控制器或其他逻辑中,你可以通过访问按钮的。原创 2024-02-12 16:42:55 · 356 阅读 · 0 评论 -
sap.ui.core.util.MockServer 的 rootUri 属性介绍
SAP UI5 和 OpenUI5 是 SAP 开发的两种前端开发框架,它们为开发丰富的用户界面提供了强大的库和工具。OpenUI5 是 SAP UI5 的开源版本,两者共享大部分的代码和功能,但 SAP UI5 包含了一些特定于 SAP 应用的额外功能。在实践中,这允许开发者在没有实际后端服务的情况下,通过配置。是一个非常有用的工具,用于模拟 OData 服务,从而在后端服务不可用的情况下进行前端开发和测试。属性在 SAP UI5 和 OpenUI5 开发中的作用和应用,我们可以看到,原创 2024-02-12 16:42:01 · 352 阅读 · 0 评论 -
sap.ui.comp.smarttable.SmartTable 组件 beforeRebindTable 事件的用法
通过事件,SAP UI5 和 OpenUI5 提供了一种强大且灵活的方式来控制和优化数据的绑定过程。这不仅使得开发者能够根据实际的业务需求定制化数据请求,还能够在性能优化方面发挥重要作用。在实际开发过程中,合理利用这个事件可以极大地提高应用的用户体验和性能表现。原创 2024-02-12 16:41:16 · 366 阅读 · 0 评论 -
SAP UI5 sap.ui.require.toUrl 的作用介绍
这个 API 根据提供的资源名称计算 URL.计算过程中,会考虑任何配置的 ID 映射或资源路径(它还支持路径内的相对段,例如 ./ 和 …/,但不支持在其开头。如果相对导航将跨越根命名空间,例如 sap.ui.require.toUrl(“…/”),或当资源名称以斜杠或相对段开头时,会引发错误。注意:toUrl 不解析返回的URL;是绝对 URL 还是相对 URL,取决于配置的 baseUrl 和路径。在 SAP UI5 和 openUI5 开发过程中,原创 2024-02-12 11:15:40 · 822 阅读 · 0 评论 -
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
该方法通过指定模拟数据的元数据 URL 和基本 URL 来模拟现有 OData 服务。服务器根据服务元数据配置请求处理程序。每个实体类型的模拟数据需要单独存储在单独的 JSON 文件中。JSON 文件的名称需要与实体类型的名称匹配。如果没有指定模拟数据的基本 url,则模拟数据将从元数据生成。在 SAP UI5 和 openUI5 的开发过程中,是一个核心 API,它用于创建模拟服务,以便在开发阶段模拟后端服务的响应。原创 2024-02-12 11:15:04 · 323 阅读 · 0 评论 -
SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
更新初始列方法检查是否有新的自定义列被添加,并进行更新。触发初始化前事件并验证自定义配置:通过和方法,分别触发初始化前的事件和验证自定义配置。上述解释尝试深入分析了方法的关键部分和执行逻辑。每个步骤都旨在确保SmartTable控件能够根据提供的配置和元数据正确初始化,提供灵活的个性化设置,并为最终用户呈现丰富、互动的数据表格视图。通过这种方式,SAP UI5 框架提供了强大的工具,支持开发人员创建高度定制的应用程序视图,满足复杂的业务需求。请注意,这只是一个初步的概述,旨在提供对。原创 2024-02-08 20:43:29 · 336 阅读 · 0 评论 -
SAP UI5 FreeStyle 开发方式下,Smart Table 控件如何添加自定义按钮试读版
利用 Free Style 做成 Fiori 画面里面使用 Smart Table 控件,现在想定在 Smart Table 控件右上的位置添加一个自定义按钮(取消按钮),点击之后把列表选中的数据进行取消处理。里提出的需求:用 JavaScript 代码的方式,响应 Smart Table 工具栏自定义按钮的点击,来达到。本文我们再进一步,实现朋友在。原创 2024-02-08 15:23:14 · 396 阅读 · 0 评论 -
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
利用 Free Style 做成 Fiori 画面里面使用 Smart Table 控件,现在想定在 Smart Table 控件右上的位置添加一个自定义按钮(取消按钮),点击之后把列表选中的数据进行取消处理。属性中,可以指定 Grid Table,Analytical Table 和 Tree Table,这三种表格,都默认支持。因此本文首先解决 Smart Table 行项目的选择实现,下一篇教程再来绘制工具栏和实现按钮点击处理函数。可以看到这个 Smart Table 渲染出来的控件,不支持。原创 2024-02-08 13:13:27 · 355 阅读 · 0 评论 -
Fiori Elements 框架里 Smart Table 控件工作原理的深入解析
我们在Visual Studio Code 里通过 Guided Procedure,可以给 Fiori Elements 框架生成的 List Report 里的 Table,添加自定义按钮,如下图 所示。但实际工作中,有朋友反映,在 Fiori Elements 的 Guided Procedure 中通过向导,一路 Next Next,对于开发人员来说就是个黑盒子。虽然实现了需求,但不知道背后是怎么工作的,觉得一切很不踏实。本文就来深入介绍 Fiori Elements 里 Smart Table原创 2024-02-07 23:30:00 · 687 阅读 · 0 评论 -
sap.ui.model.Model.checkUpdate 方法介绍
SAP UI5 和 openUI5 是企业级应用程序开发的前端技术,提供了丰富的 UI 控件和模型数据绑定功能,以支持复杂的业务场景。然而,理解它的工作原理对于理解数据绑定的整体机制以及如何优化 SAP UI5 或 openUI5 应用程序是非常重要的。时,或者定时器触发时,方法会同步更新所有活动的数据绑定。这个过程实际上是在检查模型中的数据是否有变化,并且如果有变化,就更新相应的 UI 控件。这是数据绑定机制的核心部分,确保了数据的同步更新。时,方法不会立即执行数据绑定的更新,而是设置一个定时器(原创 2024-02-06 21:10:42 · 356 阅读 · 0 评论