UI5 table的三种工作模式:VisibleRowCountMode, Fixed, Auto和Interactive-阿里云开发者社区

开发者社区> 开发者小助手-bz4> 正文

UI5 table的三种工作模式:VisibleRowCountMode, Fixed, Auto和Interactive

简介: UI5 table的三种工作模式:VisibleRowCountMode, Fixed, Auto和Interactive
+关注继续查看

Background

This issue is written for Li Ke’s issue on CBA customer report support.

When creating instance of sap.ui.Table instance, you can specify three different kinds of RowCountMode:


image.pngFixed mode

In the runtime, the number of visible row in UI is ONLY determined by property VisibleRowCount.

For example I have 100 records but VisibleRowCount set as 2,


image.pngIf you use this mode, best practice is to bind the property VisibleRowCountMode to the length property of your OData/JSON model.


Auto mode

In this mode, the height of the container which holds the table instance will be automatically set according to your actual data records volume. In this mode, do not bind VisibleRowCount property.

For example if I have 100 records:


image.pngIf I have 1 record: ( compare the difference with Fixed mode )

image.pngInteractive mode

Almost the same as Fixed model, except the fact that customer can drag the grip to make more rows displayed, this is what “Interactive” means.

See this video for detail.

Why my Auto mode does not work? I only see 5 rows although I have far more records than that. I expect more table rows are displayed instead of 5 rows.

Logic: The number of visible rows is determined by table parent container’s height.


image.pngIf no height of parent container is identified, the number of visible rows is property MiniAutoRowCount. If this property is not specified by developer either, default and hard coded 5 is used.


image.pngSee this stackoverflow question for more detail: http://stackoverflow.com/questions/22510073/sap-ui-table-table-visiblerowcountmode-auto-mode-does-not-work

and this SCN question: https://scn.sap.com/thread/3395286

Tested on this UI5 version:


image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13155 0
SAP Fiori Elements里的Smart Table工作原理解析
The appearance of smart table rendered looks like below:
28 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11493 0
Hadoop MapReduce工作详细流程(Partitioner/SortComparator/GroupingComparator)
转自:http://blog.sina.com.cn/s/blog_7581a4c30102veem.html map阶段 1. 使用job.setInputFormatClass(TextInputFormat)做为输入格式。
846 0
SAP Fiori Elements里的Smart Table工作原理解析
SAP Fiori Elements里的Smart Table工作原理解析
9 0
Zookeeper的功能以及工作原理 (转自:http://www.cnblogs.com/felixzh/p/5869212.html)
1.ZooKeeper是什么?ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,它是集群的管理者,监视着集群中各个节点的状态根据节点提交的反馈进行下一步合理操作。最终,将简单易用的接口和性能高效、功能稳定的系统提供给用户2.ZooKeeper提供了什么?1)文件系统2)通知机制3.Zookeeper文件系统每个子目录项如 NameS
1247 0
2315
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载