当前位置:网站首页>SAP UI5 FlexibleColumnLayout 控件介绍
SAP UI5 FlexibleColumnLayout 控件介绍
2022-07-05 12:39:00 【汪子熙】
该控件位于命名空间 sap.f
之下。
该控件通过在不同的列中显示最多三页来实现主-细节-细节范式。
该控件在逻辑上类似于 sap.m.SplitContainer
,不同之处在于它能够处理三列(称为Begin, Mid和End)而不是两列(Master, Detail)。这三列的宽度是可变的。
有几种可能的布局可以通过控件的API进行更改,也可以由用户通过布局箭头进行更改。
在内部控制使用三个 sap.m.NavContainer
实例,从而形成三列。
这三个实例如下图所示:
在需要同时显示多个逻辑层次的相关信息的应用程序中使用这个控件(例如,列表项、项、子项等)。从某种意义上说,该控件是灵活的,应用程序可以将用户的注意力集中在一个特定的列上,使其变得更大,甚至是全屏。
这些列可以通过 beginColumnPages、midColumnPages 和 endColumnPages 聚合访问。
通过方法 getBeginColumnPages
可以访问 beginColumnPages
,其他的聚合以此类推。
这三列的相对大小和可见性是根据 layout 属性的值确定的。
由于用户交互而对布局的更改会通过 stateChange 事件传达给应用程序。
该控件根据设备大小和当前布局自动显示可能的最大列数。应用程序不需要考虑当前设备/屏幕的大小,但只需要添加内容到列和改变布局属性的值。
Layout 属性:
虽然FlexibleColumnLayout可以同时显示2或3个页面,但它们永远不能有相同的宽度(50%/50%或33%/33%/33%)。其中一个页面总是更大(展开),甚至占据控件的全宽度(全屏)。这是有意为之的,因为用户应该清楚地知道在任何给定的时刻应该关注什么,例如,一个项目列表、一个特定的项目、一个项目的详细信息。
关于 FlexibleColumnLayout
的更多介绍,请参考我的 SAP UI5 教程:SAP UI5 应用开发教程之九十七 - 如何使用客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的明细页面
边栏推荐
- 2021.12.16-2021.12.20 empty four hand transaction records
- Flume common commands and basic operations
- 实战模拟│JWT 登录认证
- Setting up sqli lab environment
- 激动人心!2022开放原子全球开源峰会报名火热开启!
- 10 minute fitness method reading notes (1/5)
- How can labels/legends be added for all chart types in chart. js (chartjs.org)?
- Transactions on December 23, 2021
- Knowledge representation (KR)
- Time conversion error
猜你喜欢
前几年外包干了四年,秋招感觉人生就这样了..
Transactions from January 6 to October 2022
Install rhel8.2 virtual machine
Transactions from December 29, 2021 to January 4, 2022
Oppo Xiaobu launched Obert, a large pre training model, and promoted to the top of kgclue
我在滴滴做开源
滴滴开源DELTA:AI开发者可轻松训练自然语言模型
Alipay transfer system background or API interface to avoid pitfalls
实战模拟│JWT 登录认证
Taobao flag insertion remarks | logistics delivery interface
随机推荐
Introduction to GNN
Neural network of PRML reading notes (1)
Laravel文档阅读笔记-mews/captcha的使用(验证码功能)
Using MySQL in docker
[figure neural network] GNN from entry to mastery
太方便了,钉钉上就可完成代码发布审批啦!
mysql拆分字符串做条件查询
10 minute fitness method reading notes (2/5)
Introduction to relational model theory
2021-12-21 transaction record
初识Linkerd项目
Get the variable address of structure member in C language
Migrate data from Mysql to neo4j database
Detailed steps for upgrading window mysql5.5 to 5.7.36
Constructing expression binary tree with prefix expression
Tips and tricks of image segmentation summarized from 39 Kabul competitions
Distributed solution - distributed lock solution - redis based distributed lock implementation
自然语言处理系列(一)入门概述
RHCSA3
Pytoch counts the number of the same elements in the tensor