- 在 SAPGUI 里使用 ABAP 报表上传 SAP UI5 应
- 关于 SAP UI5 参数 $$updateGroupId 前面
- 如何通过 ABAP 代码给 SAP OData 元数据增添注解试
- 关于 SAP UI5 Context.prototype.del
- 授人以渔 - 如何查找 SAP UI5 官网上没有提到的控件属性
- SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版
- ODataListBinding.filter 方法里 Filt
- SAP UI5 Smart Chart 功能介绍
- 答网友提问:为什么语句 var oModel = this.st
- SAP UI5 Smart Table 和 Smart Filt
所谓响应式设计,是指通过各种前端技术,为页面元素赋予了根据屏幕分辨率的变化而自动调整显示行为,以达到最佳显示效果的能力。
SAP UI5 许多标准控件,特别是命名空间 sap.m
下的控件,都提供了开箱即用的响应式布局特性(Responsiveness),本文就通过其中典型的 sap.m.Table
来学习。
进入文件夹 33,依次执行命令行 npm install
和 ui5 serve
, 然后访问 url:
http://localhost:8080/webapp/test/mockServer.html
能看到如下页面:
可以看到发票列表默认
情况下,包含了五列,从左到右依次显示。
打开 Chrome 开发者工具,切换到 Elements 面板,点击切换设备按钮,然后选择 iPhone 12 Pro
,可以发现之前默认在 PC 端从左到右依次显示的 5 列,变成了 4 列,Supplier 字段的数据消失了,剩下的三个字段,也合并为一列显示,以适配 iPhone 12 Pro
相对狭窄的屏幕尺寸。
下面是这个例子的实现全步骤。
网友评论