当前位置:网站首页>Introduction to sap ui5 dynamicpage control
Introduction to sap ui5 dynamicpage control
2022-07-05 12:54:00 【Wang Zixi】
The control starts from SAP UI5 1.42 Version is available .DynamicPage Is a layout control , By title 、 Titles with dynamic behavior 、 Content area and optional floating footer .
The control consists of several components :
DynamicPageTitle - By the title on the left 、 The content in the middle and the operation on the right . The content displayed will be based on DynamicPageHeader Change according to the current mode of .
DynamicPageHeader - A universal container , Can contain a single layout control and don't care about content alignment and responsiveness . Headers work in two modes - Expansion mode (expanded) And stow mode (snapped), And it can adjust its behavior with the help of different attributes .
Content area - A universal container , Can have a single UI5 Layout control , Don't worry about content alignment and responsiveness .
The footer - At the bottom , There is a small offset , For additional operations , The footer floats above the content . It could be anything sap.m.IBar Control .
If the requirement is to display an always visible title and a configurable extension / Align the title of the function , Please use DynamicPage. Contrary , No need to extend / Alignment function , Best use sap.m.Page As a lighter control .
If it shows sap.m.FlexBox With non adaptive content ( Does not stretch to fill the available space ), It is suggested that FlexBox Of fitContainer Property is set to false.
If you are displaying sap.ui.table.Table, Remember that it is non adaptive , And may lead to DynamicPage On smaller screen sizes ( For example, mobile devices ) Unpredictable behavior on . You should use sap.m Under the namespace Table Control .
It is not supported to DynamicPageTitle Retract (snap): When DynamicPage When there is a scroll bar , Controls usually scroll to snap point The location of . however , When there is a scroll bar but not enough content arrives snap point when , Cannot use scroll for stow operation .
stay DynamicPage Used in the content of sap.ui.layout.form.Form、sap.m.Panel、sap.m.Table and sap.m.List When the control , If you want to achieve vertical text content alignment , Need to adjust their left text offset sap.f.DynamicPageHeader Content and DynamicPage Alignment between the contents of .
Response behavior :DynamicPage The response behavior of depends on the behavior of the displayed content . To adjust DynamicPage Content filling , have access to sapUiContentPadding、sapUiNoContentPadding and sapUiResponsiveContentPadding CSS class .
边栏推荐
- Vonedao solves the problem of organizational development effectiveness
- Language model
- Oppo Xiaobu launched Obert, a large pre training model, and promoted to the top of kgclue
- What if wechat is mistakenly sealed? Explain the underlying logic of wechat seal in detail
- CVPR 2022 | 基于稀疏 Transformer 的单步三维目标识别器
- Simply take stock reading notes (4/8)
- Common commands and basic operations of Apache Phoenix
- Wechat enterprise payment to change access, open quickly
- 【云原生】Nacos-TaskManager 任务管理的使用
- CVPR 2022 | single step 3D target recognizer based on sparse transformer
猜你喜欢
A few years ago, I outsourced for four years. Qiu Zhao felt that life was like this
RHCSA5
Introduction to the principle of DNS
2021.12.16-2021.12.20 empty four hand transaction records
Taobao order interface | order flag remarks, may be the most stable and easy-to-use interface
What is the difference between Bi software in the domestic market
逆波兰表达式
Taobao product details API | get baby SKU, main map, evaluation and other API interfaces
Lepton 无损压缩原理及性能分析
From the perspective of technology and risk control, it is analyzed that wechat Alipay restricts the remote collection of personal collection code
随机推荐
关于 SAP UI5 getSAPLogonLanguage is not a function 的错误消息以及 API 版本的讨论
What is the difference between Bi software in the domestic market
155. 最小栈
Didi open source Delta: AI developers can easily train natural language models
Lepton 无损压缩原理及性能分析
A deep long article on the simplification and acceleration of join operation
CVPR 2022 | single step 3D target recognizer based on sparse transformer
View and terminate the executing thread in MySQL
SAP UI5 视图里的 OverflowToolbar 控件
Kotlin变量
RHCAS6
SAP 自开发记录用户登录日志等信息
2021-12-22 transaction record
RHCSA1
Distributed solution - distributed lock solution - redis based distributed lock implementation
Taobao flag insertion remarks | logistics delivery interface
Pinduoduo flag insertion remarks API
开发者,云原生数据库是未来吗?
JDBC -- extract JDBC tool classes
Simply take stock reading notes (1/8)