SAP UI5 应用开发教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter)

前一个步骤，我们已经通过 SAP UI5 的表达式绑定功能，给发票列表增添了动态高亮某些字段的功能：

对应的绑定表达式的值如下：

可以看到这些绑定表达式是直接在 XML 视图里编写的。如果自定义的逻辑过多过复杂，显然这些逻辑就不适合写在 XML 视图里了。

此时，我们可以借助于另一种 SAP UI5 提供的自定义逻辑实现，即 Custom Formatter.

我们的数据文件 Invoices.json 里，每一个发票都有一个 Status 字段，值为 A，B，C…

本步骤我们实现的逻辑是，如果 Status 值为 A，显示状态为 New，B 为 In Process，C 为 Done.

最后完成的效果如下：

本步骤的源代码位置：https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/21

下面是详细的实现步骤

SAP UI5 应用开发教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter)相关推荐

SAP UI5 应用开发教程之二十七 - SAP UI5 应用的单元测试工具 QUnit 介绍
Jerry 在之前做 SAP UI5 标准开发和现在使用 Angular 开发 SAP Spartacus 应用时,我们团队的开发规范就是,每增添一个新的前端 feature,必须要用一个新增的单元测 ...
SAP UI5 初学者教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter) 试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定用法讲解
在本教程的前一步骤 SAP UI5 初学者教程之十九 - SAP UI5 数据类型和复杂的数据绑定里,我们已经开发了一个具有金额和货币显示的发票列表,效果如下图所示: 本步骤我们继续对这个发票列表添 ...
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之五十六 - SAP UI5 树控件(tree)的开发试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
iOS 11开发教程（二十一）iOS11应用视图美化按钮之实现按钮的响应(1)
iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1) 按钮主要是实现用户交互的,即实现响应.按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应 ...
SAP UI5 应用开发教程之二十六 - OData 服务配合 Mock 服务器的使用步骤详解
从本教程 24 步骤开始,我们接触了 OData 模型.本地学习 SAP UI5 应用开发时,如果直接消费远端的 OData 服务,就会遇到跨域错误. 步骤 24 SAP UI5 初学者教程之二十四 ...

SAP UI5 应用开发教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter)

SAP UI5 应用开发教程之二十一 - SAP UI5 的自定义格式器(Custom Formatter)相关推荐

最新文章

热门文章