当前位置:网站首页>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 布局中的明细页面
边栏推荐
- 由扫地增而引起的小叙
- Insmod prompt invalid module format
- NLP engineer learning summary and index
- insmod 提示 Invalid module format
- Principle of universal gbase high availability synchronization tool in Nanjing University
- Taobao product details API | get baby SKU, main map, evaluation and other API interfaces
- I met Tencent in the morning and took out 38K, which showed me the basic smallpox
- Clear neo4j database data
- 你的下一台电脑何必是电脑,探索不一样的远程操作
- [figure neural network] GNN from entry to mastery
猜你喜欢
Simply take stock reading notes (3/8)
初识Linkerd项目
Super efficient! The secret of swagger Yapi
关于 SAP UI5 getSAPLogonLanguage is not a function 的错误消息以及 API 版本的讨论
Taobao flag insertion remarks | logistics delivery interface
How to connect the API interface of Taobao open platform (super detailed)
The relationship between the size change of characteristic graph and various parameters before and after DL convolution operation
Taobao order interface | order flag remarks, may be the most stable and easy-to-use interface
Taobao order amount check error, avoid capital loss API
Transactions from December 29, 2021 to January 4, 2022
随机推荐
Programming skills for optimizing program performance
SAP self-development records user login logs and other information
Tips and tricks of image segmentation summarized from 39 Kabul competitions
Common commands and basic operations of Apache Phoenix
A few years ago, I outsourced for four years. Qiu Zhao felt that life was like this
Simply take stock reading notes (1/8)
DNS的原理介绍
Constructing expression binary tree with prefix expression
Resnet+attention project complete code learning
激动人心!2022开放原子全球开源峰会报名火热开启!
Laravel文档阅读笔记-mews/captcha的使用(验证码功能)
Hexadecimal conversion summary
GNN(pytorch-geometric)
Simply take stock reading notes (3/8)
From the perspective of technology and risk control, it is analyzed that wechat Alipay restricts the remote collection of personal collection code
Annotation problem and hidden Markov model
jxl笔记
Taobao short videos are automatically released in batches without manual RPA open source
Research: data security tools cannot resist blackmail software in 60% of cases
The relationship between the size change of characteristic graph and various parameters before and after DL convolution operation