基于 OData 模型和 JSON 模型的 SAP UI5 表格控件行项目的添加和删除实现

已于 2024-10-13 08:52:16 修改
阅读量752 收藏 4
点赞数
分类专栏： SAP UI5 百科全书 文章标签： json ajax SAP SAP UI5 Fiori
于 2021-09-25 20:09:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/i042416/article/details/120476761
版权

这是 Jerry 2021 年的第 62 篇文章，也是汪子熙公众号总共第 339 篇原创文章。

                                龟虽寿
                                 曹操

                             神龟虽寿，犹有竟时；

                             腾蛇乘雾，终为土灰。

                             老骥伏枥，志在千里；

                             烈士暮年，壮心不已。

                             盈缩之期，不但在天；
                             
                             养怡之福，可得永年。

                             幸甚至哉，歌以咏志。

最近收到一位朋友的咨询，在项目实现中需要实现 SAP UI5 表格控件内的行项目删除需求。这位朋友在网络上搜索了一些示例代码，拷贝到自己的 SAP UI5 应用中，执行发现报错。

首先我们要明确一点，SAP UI5 表

了解本专栏 订阅专栏 解锁全文
sap ui5 JSON模型
seimeii的博客
10-20 299
JSON模型
90. 基于 OData V2 的 SAP UI5 List-Detail(列表-明细)布局的实现方式
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-17 1307
在本教程前面的步骤 SAP UI5 应用开发教程之六十七 - 基于 OData V4 的 SAP UI5 List-Detail(列表-明细)布局的实现方式，我们曾经介绍了 SAP UI5 应用最典型的一种页面布局，即 List-Detail，列表-明细布局的实现方式。 如下图所示，屏幕分为左右两个区域，左边的区域显示一个列表，选中这个列表里任意一行后，右边的明细页面，会显示这个行项目更多维度的数据。注意步骤 67 讲解的开发方式，适用于 OData V4 的服务。本文介绍 OData V2 版本的实现。
sapui5 访问OData数据
杨江的IT分享专栏
08-04 4882
开发环境：eclipse Luna, sapui5 toolkit eclipse plugin（从sap官网下载） 运行环境：eclipse + Tomcat OData环境：SAP在公网上提供的免费的基于NetWeaver Gateway的测试用OData服务代码说明： 最开始测试 sServiceUrl = “http://sapes1.sapdevcenter.com:8080/
UI5使用Post方式发送Json文件到Odata
树熊隐士
09-20 404
UI5中如何使用Post方式发送Json文件到Odata
SAPUI5 (25) - 了解 OData 和 OpenUI5 的 OData Model
王敏的专栏
03-10 6202
本篇介绍几个比较重要的概念，REST 和 OData，并介绍 OpenUI5 OData model的基本使用方法。
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-30 776
本文介绍了基于 OData 和 JSON 两种数据模型下的 UI5 表格行项目的数据增删改查实现细节，希望对有类似开发任务的同行有参考意义。
64. 基于 OData V4 的 SAP UI5 表格控件如何实现 filter(过滤) 和 sort(排序)功能
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-03 2219
本教程的上一个步骤，我们学习了如何基于 OData V4 开发一个最简单的使用了 Table(表格)控件的 SAP UI5 应用。 1. SAP UI5 应用开发教程之六十二 - 基于 OData V4 的 SAP UI5 表格控件使用方法介绍 2. SAP UI5 应用开发教程之六十三 - 基于 OData V4 的本地 Mock Server 实现的深入介绍 本文我们继续在前面步骤的基础上给这个表格添加新功能：filter(过滤) 和 sort(排序)功能。 首先看看效果，在表格控件右上角的搜索栏里
65. 基于 OData V4 的 SAP UI5 表格控件如何实现创建，编辑和保存功能
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-04 1827
本教程前几个步骤，我们已经用 SAP UI5 table 控件开发了一个包含 User 列表的应用，并且支持了根据 LastName 字段进行查询，以及排序的操作。本步骤继续为这个应用添加创建新 User 和编辑 User 数据的功能。...
24. SAP UI5 应用如何使用 OData 数据模型
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-30 4473
本教程之前的二十三个步骤，使用的数据模型都是 JSON 模型。从本步骤开始，我们要学习另一种非常重要的数据模型：OData 数据模型。 OData 数据模型也是 SAP 产品里广泛使用的数据模型，比如 SAP S/4HANA，SAP CRM Fiori 应用等等，都使用的是 OData 数据模型而不是 JSON 数据模型。 使用 OData 数据模型的典型场景就是，通过 OData 模型提供的 Read API，将远端服务器上存储的数据通过 OData 协议读取到客户端，并显示在 SAP UI5 应用里。.
93. 基于 SAP UI5 JSONModel 数据模型的列表控件显示数据的深入讨论
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-27 1152
本教程的前一步骤 SAP UI5 应用开发教程之九十二 - 基于 SAP UI5 JSONModel 客户端模型的列表分页显示(Table Pagination)前提 我们曾经提到，本教程会介绍如何实现 SAP UI5 列表控件的分页显示功能。这个功能的实现分为客户端模型和服务器端模型两种情况分别进行。 步骤 92，我们解答了如何在 SAP UI5 应用中，使用 JavaScript 代码访问 JSONModel 绑定的数据。 有朋友学习了步骤 92 之后提问，为什么 products.json 数据文件里
SAPUI5基础知识9 - JSON Module与数据绑定
最新发布
SAP领域技术博客
06-24 1117
本文介绍了SAPUI5中JSON模型和数据绑定的原理，并通过一个示例展示了其用法。
94. 基于 JSONModel 数据模型的 SAP UI5 列表控件分页显示数据的完整解决方案
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-29 1279
本步骤提供基于 JSONModel 数据模型的 SAP UI5 列表控件分页显示数据的完整解决方案。 所谓 JSONModel，是 SAP UI5 提供的一种客户端数据模型，即该模型对应的全部业务数据，在客户端即浏览器环境里可用。当对这些业务数据进行搜索，过滤，排序，分组等操作时，无需向服务器端发起请求，而是直接在客户端就可完成。 按照本步骤介绍的 SAP UI5 列表控件分页显示数据的解决方案，最后实现的应用，效果如下图 gif 所示，用户可以通过点击列表工具栏 <- 和 -> 这两个按钮，实
25. 使用自开发的代理服务器解决 SAP UI5 应用访问远端 OData 服务的跨域问题
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
02-01 3305
在本教程的前一篇文章：SAP UI5 初学者教程之二十四 - 如何使用 OData 数据模型 我们试图在本地运行的 SAP UI5 应用(localhost:8080)里, 访问远端的 OData 服务 https://services.odata.org/V2/Northwind/Northwind.svc，会遇到跨域访问的相关错误： 当时步骤 24 给出的解决方案就是，使用 chrome.exe 的启动参数 --disable-web-security, 来临时禁掉其安全策略检查。 本文介绍另一种使
SAPUI5学习第三天-----（04）接下来轮到module和JSON module了！
'尤其是十月的风'的博客
05-28 473
上菜，module！ 在SAPUI5中，资源通常被称为模块。在这一步中，我们将最后一个练习中的警告替换为来自sap.m库的适当的Message Toast。所需的模块可以异步加载。 webapp/controller/App.controller.js sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast" ], function (Controller, MessageToast) { "use stric
如何处理使用 SAP UI5 消费真实的 OData 服务时遇到的跨域问题
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
06-01 593
我本地开发了一个 SAP UI5 应用，消费真实的 OData 服务： https://services.odata.org/Northwind/Northwind.svc 会遇到跨域问题错误：CORS error Access to XMLHttpRequest at ‘https://services.odata.org/Northwind/Northwind.svc/$metadata?sap-language=EN’ from origin ‘http://localhost:3002’ ha
62. 基于 OData V4 的 SAP UI5 表格控件使用方法介绍
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-02 2355
SAP UI5 + OData 模型这对技术组合，几乎是 SAP 很多产品比如 SAP S/4 应用里的技术标配，所以从本步骤开始，我们继续深入学习 OData 数据模型的使用。 出于简单起见，我沿用了本教程第 26 个步骤介绍的 OData Mock 服务器，在 SAP UI5 应用里启动一个 Mock 服务器。当 SAP UI5 应用启动，向配置好的 OData 服务 endpoint 发起请求时，这个本地 Mock 服务器会拦截该请求，并将本地准备好的 OData 数据响应返回给 SAP UI5 应用
abap 添加按钮,在SAPUI5表中添加新行的按钮
weixin_39635432的博客
02-22 339
I am trying to add new lines on a SAPUI5 table by a click of a button. I have seen plenty of online tutorials but I have not found exactly my use case.The JSON is loaded through a mock server for now ...
问题解答：关于 SAP UI5 OData Model 和 JSONModel 的辨析 - 服务器端模型 vs 客户端模型
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-22 328
本文写作动机，来源于一位课程学习者的提问。在课程第 24 篇文章下有朋友留言：老师，有个问题想问一下，我换成自己 odata 数据源数据已经取出来，其他功能都正常，但是过滤功能不好用，我改了自己的数组类型字段和过滤字段，还有其他地方需要改吗？其他功能都调整正常但是过滤功能还是不好用？老师，我通过后端 odata 服务获取过滤参数实现过滤功能，但是我有个疑问，教程 22 过滤不是通过前端实现的吗，有点懵，还是前后端都可实现？这个问题比较典型，后面也蕴含了一些有用的知识点，本文就深入介绍。先说结论，
OData基础概念详解(Metadata, $select, $filter)
热门推荐
SAP领域技术博客
02-16 1万+
在博客《SAP Gateway与OData用法简介》中，简单介绍了SAP Gateway的部署方式和OData的使用方法。在本文中，将进一步介绍OData的基础概念，以及在OData中基础的Query操作。 1. OData概述 OData是Open Data Protocol的缩写，是一种基于REST的数据访问方式，该标准由微软发起，前三个版本1.0、2.0、3.0都是微软开放标准，第版本4...
SAP UI5中实现表格数据绑定与展示示例
在SAP UI5表格中，通常会使用JSON模型或OData模型进行数据绑定，这样，表格就能够动态地从数据模型中获取数据并展示出来。 标签“sap, ui5, 表格”明确指出这个主题所涉及的三个核心知识点：SAP（即Systeme, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值