SAP UI5 OData 请求的自定义 HTTP header 设置方法
代码如下: oModel.setHeaders({"myHeader1" : "value1", "myHeader2" : "value2"}); 我们可以先通过如下代码,拿到一个 OData Service url 对应的 OData Model 实例: // "ODataModel"
如何使用 SAP UI5 V2 ODataModel 模型 API 实现 deepCreate 的场景以及局限性
如果开发人员期望在持久化时请求已创建条目的导航属性(navigation property),请使用可选的 expand 参数在与实体创建的 POST 请求相同的批处理请求中有效地执行此操作。 可选的 inactive 参数确定是否创建非活动 transient 上下文。 这样的上下文只会在属性更新时成为活动的 transient上下文。 在此之前,它不是挂起的更改,即它不被 hasPendin
SAP UI5 SmartForm 使用技巧介绍
sap.ui.comp.smartform.SmartForm 控件使呈现表单成为可能。 根据用户授权,表单使用户能够从显示模式切换到编辑模式、添加和分组字段、重命名字段标签以及实施用户输入检查。 SmartForm 在内部使用 sap.ui.layout.form.Form 控件。 将 SmartForm 控件与 SmartField 控件结合使用时,view.xml 文件仍然非常紧凑,因为有
SAP UI5 OData 模型(V2) 的使用方法介绍
OData 模型是服务器端模型,这意味着数据集仅在服务器上可用,客户端即 SAP UI5 应用只知道当前可见(请求)的数据。 排序和过滤等操作在服务器上完成,然后将处理结果返回给客户端。 客户端向服务器发送请求并显示返回的数据。 注意:对后端的请求由 ODataModel 提供的列表绑定 (ODataListBinding)、上下文绑定 (ODataContextBinding) 和 CRUD
SAP UI5 SmartForm 智能表单控件的使用方法介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%.作者简介Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾
如何打通 SAP Cloud for Customer 系统和微信公众号的双向消息通信功能
本系列的前三篇文章,我们依次介绍了微信公众号开发环境的搭建,微信公众平台 API 的调用,以及地图功能的集成。 本文作为该系列第四篇文章,介绍如何实现 SAP Cloud for Customer 系统同微信公众号的双向通信功能。 所谓双向通信,即将用户发送给微信公众号的消息,转存到 SAP Cloud for Customer 系统(本文余下部分使用缩写 C4C 来代替),以及从 C4C 直
SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%.作者简介Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾
SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%.作者简介Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾
SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%.作者简介Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾
SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试
每个 SAP UI5 应用在初始化时,都会触发这个方法的调用。 调用栈的上下文: sap.ui.define(['sap/ui/Device'], function(Device) { 可以看到 Device.js 文件内,有这两行代码进行默认 RangeSet 的初始化: //Always initialize the default media range
SAP UI5 sap.ui.Device.media 公有方法介绍
sap.ui.Device.media.attachHandler:注册给定的事件处理程序以根据使用指定名称设置的范围更改屏幕宽度的事件。 每当屏幕宽度发生变化并且当前屏幕宽度处于与宽度变化之前不同的给定范围集的间隔时,就会触发该事件。 使用单个参数调用事件处理程序:一个映射 mParams,它提供有关输入间隔的以下信息: mParams.from:作为数字输入的区间的起始值(包括)
Chrome 开发者工具 Console 面板里的 VM 是什么含义
例子:我在 SAP UI5 框架某处代码设置断点,例如 Device.media.getCurrentRange: 然后在 Chrome 开发者工具 Console 面板里直接调用这个函数,断点触发: Chrome 开发者工具里显示 VM 加上一串数字: VM 是短语 Virtual Machine 的缩写。 在 Chrome JavaScript 引擎(称为 V8)中,每个脚本都有
SAP UI5 sap.ui.Device.media 的使用介绍
sap.ui.Device.media 是一个命名空间,属于 sap/ui/Device. 该 API 属于屏幕宽度更改的事件 API。此 API 基于媒体查询,但如果使用的浏览器本身不支持媒体查询,也可以使用此 API。 在这种情况下,媒体查询的行为由这个 API 模拟。 有几个可用的预定义范围集,它们中的每一个都定义了一组屏幕宽度的间隔(从小到大)。 每当屏幕宽度发生变化并且当前屏幕宽
SAP UI5 sap.ui.Device.media.RANGESETS.SAP_STANDARD_EXTENDED 介绍
这是一个 4 步范围集(Phone, Tablet, Desktop, LargeDesktop)。 这组的范围是: phone:适用于小于 600 像素的屏幕。tablet:适用于大于或等于 600 像素且小于 1024 像素的屏幕。desktop:适用于大于或等于 1024 像素且小于 1440 像素的屏幕。LargeDesktop:适用于大于或等于 1440 像素的屏幕。默认情况下自
SAP UI5 sap.ui.Device.media.RANGESETS 的使用介绍
这是一个 namespace,来自 sap.ui.core:包含预定义屏幕宽度媒体查询范围集(media query range sets)的名称和设置的枚举。 在 Chrome 开发者工具 Console 面板里能够查看到所有可能的值: sap.ui.Device.media.RANGESETS.SAP_3STEPS一个 3 步范围集 (S-L)。 这组的范围是: S:适用于
关于 SAP UI5 Device API 的使用介绍
设备 API ( sap.ui.Device ) 是一个 API,它提供有关设备细节的信息,例如操作系统及其版本、浏览器和浏览器版本、屏幕尺寸、当前方向以及对特定功能的支持,如触摸事件支持, 方向变化等等。 例如,sap.ui.Device.orientation 对象保存当前方向信息: Landscape: 指示当前方向是否为横向的标志 Portrait:指示当前方向是否为纵向的标志
关于 SAP UI5 设备类型检测的实现原理
SAP UI5 命名空间 sap.ui.Device.system 下包含了一系列标志位,这些标志位的类型为 boolean: sap.ui.Device.system.combi:如果此标志设置为 true,则设备被识别为桌面系统和平板电脑的组合。 此外,一个 CSS 类 sap-combi 被添加到文档根元素中。 注意:仅当同时检测到桌面设备和移动设备时,此属性才设置为 true。
SAP UI5 sap.ui.layout.Grid 控件宽度百分比的设置原理
在 Chrome 开发者工具里使用 SAP UI5 扩展 Inspector 修改 Grid 控件的 defaultSpan 属性,会触发如下的代码: 我们通过调用栈,可以发现 SAP UI5 Grid 相关的框架代码调用,确实是 Chrome 扩展 UI5 Inspector 触发的: 相关代码:GridRenderer: 外层的 grid container 占据的是整个屏幕
SAP UI5 sap.ui.layout.Grid 控件概述
这个控件的命名空间:sap.ui.layout.Grid 一个布局控件,将其子控件放置在 12 列流布局中。 根据可用的屏幕大小,可以指定 Grid 控件的子控件采用可变数量的列。 借助此控件,可以实现超大、大、中、小尺寸屏幕的灵活布局和换行,例如大型台式机、台式机、平板电脑和移动设备。 Grid 控件的宽度可以基于百分比或像素,并且其列之间的间距可以设置为各种预定义值。 注意:
SAP UI5 SimpleForm 控件实例的初始化调试
simpleForm 在 XML 视图里定义的 editable 属性: 会触发 SimpleForm.setEditable 方法调用: 同理,设置 layout 属性: 这个 layout 是一个单独的实例: addAllToContent:把 SimpleForm 里所有的元素添加到控件里: 创建帮助文档里提到的 FormContainer: 然后创建 FormEle