首页 > 解决方案 > 灵活的列布局,列跨越功能

问题描述

我正在创建一个基于灵活列布局的应用程序。我有 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>

提前致谢,

埃里克

更新:示例图片:(一旦我创建了模拟数据服务或 Odate 服务,将删除按下我的按钮) 具有页面标题内容的灵活列布局

标签: sapui5sap-fiori

解决方案


推荐阅读