当前位置:网站首页>Introduction to sap ui5 flexiblecolumnlayout control
Introduction to sap ui5 flexiblecolumnlayout control
2022-07-05 12:54:00 【Wang Zixi】
The control is located in the namespace sap.f
under .
This control realizes the main... By displaying up to three pages in different columns - details - Detail paradigm .
This control is logically similar to sap.m.SplitContainer
, The difference is that it can handle three columns ( be called Begin, Mid and End) Instead of two columns (Master, Detail). The width of these three columns is variable .
There are several possible layouts that can be made through the API Make changes , It can also be changed by the user through the layout arrow .
Use three in internal control sap.m.NavContainer
example , So as to form three columns .
These three examples are shown in the figure below :
Use this control in applications that need to display information related to multiple logical levels at the same time ( for example , List item 、 term 、 Sub items, etc ). In a sense , The control is flexible , The application can focus the user's attention on a specific column , Make it bigger , Even full screen .
These columns can be accessed through beginColumnPages、midColumnPages and endColumnPages Aggregate access .
By means of getBeginColumnPages
You can visit beginColumnPages
, Other aggregations are similar .
The relative size and visibility of these three columns are based on layout The value of the attribute is determined .
Changes to the layout due to user interaction will be made through stateChange Events are communicated to applications .
The control automatically displays the maximum number of possible columns according to the device size and the current layout . The application does not need to consider the current device / The size of the screen , But you only need to add content to the column and change the value of the layout attribute .
Layout attribute :
although FlexibleColumnLayout Can display at the same time 2 or 3 A page , But they can never have the same width (50%/50% or 33%/33%/33%). One of the pages is always bigger ( an ), Even occupy the full width of the control ( Full screen ). It's intentional , Because users should clearly know what to focus on at any given moment , for example , A list of items 、 A specific project 、 Details of a project .
About FlexibleColumnLayout
More about , Please refer to my SAP UI5 course :SAP UI5 Application development tutorial 97 - How to use the client JSON The model builds a Master-Detail-Detail Details page in layout
边栏推荐
- 使用 jMeter 对 SAP Spartacus 进行并发性能测试
- Free testing of Taobao tmall API order and flag insertion remark interface
- Introduction to the principle of DNS
- 你的下一台电脑何必是电脑,探索不一样的远程操作
- Annotation problem and hidden Markov model
- SAP UI5 FlexibleColumnLayout 控件介绍
- View and modify the MySQL data storage directory under centos7
- What is the difference between Bi software in the domestic market
- CVPR 2022 | single step 3D target recognizer based on sparse transformer
- Distributed solution - distributed session consistency problem
猜你喜欢
激动人心!2022开放原子全球开源峰会报名火热开启!
前几年外包干了四年,秋招感觉人生就这样了..
超高效!Swagger-Yapi的秘密
Distributed cache architecture - cache avalanche & penetration & hit rate
Oppo Xiaobu launched Obert, a large pre training model, and promoted to the top of kgclue
10 minute fitness method reading notes (3/5)
Taobao order interface | order flag remarks, may be the most stable and easy-to-use interface
Kotlin variable
SAP self-development records user login logs and other information
Introduction to the principle of DNS
随机推荐
Introduction to the principle of DNS
Docker configures redis and redis clusters
946. 验证栈序列
Principle of universal gbase high availability synchronization tool in Nanjing University
奔跑,开路
Storage Basics
Transactions on December 23, 2021
A few years ago, I outsourced for four years. Qiu Zhao felt that life was like this
Full text search of MySQL
mysql拆分字符串做条件查询
SAP UI5 视图里的 OverflowToolbar 控件
Annotation problem and hidden Markov model
HiEngine:可媲美本地的云原生内存数据库引擎
Install rhel8.2 virtual machine
谈谈我写作生涯的画图技巧
JDBC -- use JDBC connection to operate MySQL database
UNIX socket advanced learning diary -ipv4-ipv6 interoperability
10 minute fitness method reading notes (2/5)
Transactions from January 14 to 19, 2022
Didi open source Delta: AI developers can easily train natural language models