sapui5 - 灵活的列布局,列跨越功能
问题描述
我正在创建一个基于灵活列布局的应用程序。我有 2 个不属于单个列的按钮,而是全部。(一般用户设置和帮助)我目前使用的解决方案是将灵活列布局放在页面内,然后将按钮放入 headerContent。
我的问题:
考虑到 FIORI - Designguidelines,有没有更好的方法来做到这一点?在他们自己的指导方针中,这种情况没有被标记为不可行,但我不认为这是打算完成的。所以我想也许社区可以给我一些见解。
示例代码:
<View xmlns="sap.f"
xmlns:mvc="sap.ui.core.mvc"
xmlns:m="sap.m"
displayBlock="true"
controllerName="wui.bds.controller.FlexColLayout"
height="100%">
<m:Page>
<m:headerContent>
<m:Button
icon="sap-icon://user-settings"
text="{i18n>persSetButton}"
type="Transparent"
press="onPersSetButton"/>
<m:Button
icon="sap-icon://sys-help"
text="{i18n>helpButton}"
type="Transparent"
press="onHelpButton"/>
</m:headerContent>
<FlexibleColumnLayout id="fcl"
busy="{appView>/busy}"
busyIndicatorDelay="{appView>/delay}"
stateChange="onStateChanged"
layout="{/layout}"
backgroundDesign="Solid"></FlexibleColumnLayout>
</m:Page>
</View>
提前致谢,
埃里克
解决方案
推荐阅读
- node.js - (electron & nodejs) "TypeError: globalDate is not a constructor" when with require('mssql')
- python - 我应该在 Python 中使用 strptime 这个时间戳使用什么格式代码?
- c# - 如何在没有交叉的区域中实例化多个对象?(统一)
- css - 在本机反应中显示不同设备中不同高度的页脚
- javascript - 在 AppContext 中存储 Axios 响应
- typescript - 初始化 Nativescript Vue App 的好方法
- vue.js - Vue-CLI-Service CPU 使用率
- python - Writing lambda in MATLAB
- javascript - How to upload a file from Vue frontend to FastAPI backend
- javascript - Tootlip text of svg image is not fetched - Selenium Webdriver