当前位置:网站首页>Introduction aux contrôles de la page dynamique SAP ui5
Introduction aux contrôles de la page dynamique SAP ui5
2022-07-05 12:53:00 【Wang Zixi】
Le contrôle commence à partir de SAP UI5 1.42 La version commence à être disponible.DynamicPage Est un contrôle de mise en page,Par titre、Titre avec comportement dynamique、La zone de contenu et le pied de page flottant optionnel se composent de.
Le contrôle se compose de plusieurs composants:
DynamicPageTitle - Par le titre à gauche、Le contenu du milieu et le fonctionnement à droite constituent. Le contenu affiché sera basé sur DynamicPageHeader Changement par rapport au mode actuel de.
DynamicPageHeader - Un conteneur universel,Peut contenir un seul contrôle de mise en page et ne se soucie pas de l'alignement du contenu et de la réactivité. L'en - tête fonctionne en deux modes - Mode de déploiement(expanded)Et le mode arrimage(snapped),Et peut ajuster son comportement avec différents attributs.
Zone de contenu - Un conteneur universel,Il peut y avoir un seul UI5 Contrôles de mise en page,Ne vous souciez pas de l'alignement et de la réactivité du contenu.
Pied de page - En bas,Il y a un petit décalage,Pour les opérations supplémentaires,Le pied de page flotte au - dessus du contenu. Ça peut être n'importe quoi. sap.m.IBar Contrôle.
Si l'exigence est d'afficher un titre toujours visible et un avec une extension configurable/Titre de la fonction d'alignement,Veuillez utiliser DynamicPage.Au contraire.,Aucune extension n'est nécessaire/Fonction d'alignement,Mieux utiliser sap.m.Page Comme un contrôle plus léger .
Si affiché sap.m.FlexBox Avec un contenu non adaptatif ( Ne s'étire pas pour remplir l'espace libre ),Recommandations FlexBox De fitContainer La propriété est définie à false.
Si vous affichez sap.ui.table.Table, Rappelez - vous qu'il n'est pas adaptatif ,Et peut causer DynamicPage Dans les plus petites tailles d'écran (Par exemple, les appareils mobiles) Comportement imprévisible sur .Il faut utiliser sap.m Sous l'espace de noms Table Contrôle.
Ne supporte pas le DynamicPageTitle Range ça.(snap): Quand DynamicPage Avec barre de défilement, Les contrôles défilent généralement vers snap point Emplacement .Mais, Quand il y a une barre de défilement mais pas assez de contenu pour arriver snap point Heure, Impossible d'utiliser le défilement pour l'opération d'arrimage .
InDynamicPage Utilisé dans le contenu de sap.ui.layout.form.Form、sap.m.Panel、sap.m.TableEtsap.m.ListLors du contrôle, Si vous voulez que le contenu du texte soit aligné verticalement , Vous devez ajuster leur décalage de texte gauche sap.f.DynamicPageHeader Contenu et DynamicPage Alignement entre les contenus de .
Comportement réactif:DynamicPage Le comportement de réponse dépend du comportement du contenu affiché .À ajuster DynamicPage Remplissage du contenu,Peut être utilisé sapUiContentPadding、sapUiNoContentPadding Et sapUiResponsiveContentPadding CSS Catégorie.
边栏推荐
- RHCSA5
- Full text search of MySQL
- Pytoch implements tf Functions of the gather() function
- Taobao short videos are automatically released in batches without manual RPA open source
- [Nacos cloud native] the first step of reading the source code is to start Nacos locally
- How to connect the API interface of Taobao open platform (super detailed)
- 非技术部门,如何参与 DevOps?
- JXL notes
- Distributed solution - Comprehensive decryption of distributed task scheduling platform - xxljob scheduling center cluster
- VoneDAO破解组织发展效能难题
猜你喜欢
SAP UI5 DynamicPage 控件介绍
在家庭智能照明中应用的测距传感芯片4530A
Principle of universal gbase high availability synchronization tool in Nanjing University
开发者,云原生数据库是未来吗?
Laravel文档阅读笔记-mews/captcha的使用(验证码功能)
I'm doing open source in Didi
Talk about my drawing skills in my writing career
Simply take stock reading notes (3/8)
SAP UI5 FlexibleColumnLayout 控件介绍
Taobao short videos are automatically released in batches without manual RPA open source
随机推荐
非技术部门,如何参与 DevOps?
Pinduoduo flag insertion remarks API
Add a new cloud disk to Huawei virtual machine
RHCSA2
Yyds dry inventory JS intercept file suffix
10 minute fitness method reading notes (1/5)
JDBC -- extract JDBC tool classes
RHCSA1
Database connection pool & jdbctemplate
Simply take stock reading notes (3/8)
谈谈我写作生涯的画图技巧
JDBC exercise - query data encapsulated into object return & simple login demo
Full text search of MySQL
滴滴开源DELTA:AI开发者可轻松训练自然语言模型
HiEngine:可媲美本地的云原生内存数据库引擎
Distributed solution - distributed lock solution - redis based distributed lock implementation
Pytoch implements tf Functions of the gather() function
Docker configures redis and redis clusters
SAP SEGW 事物码里的导航属性(Navigation Property) 和 EntitySet 使用方法
Taobao short videos are automatically released in batches without manual RPA open source