如何在sap.m.table中实现有关过滤器设置的信息栏?

时间:2017-08-17 07:14:34

标签: sapui5

Responsive Table View Setting

View SettingResponsive Table的fiori指南中,有一个信息栏显示过滤器设置。怎么实现呢?

它看起来像sap.m.MessageStrip,但MessageStrip中只有five kinds of MessageType(错误,信息......),似乎没有这种颜色适合此栏。我应该覆盖这种颜色吗?

在这个Demo中,消息条放在Table上面,但在设计中,它似乎放在表标题和列之间,如何实现它?

我试过这个:

<Table>
    <headerToolbar>
        <Toolbar>
            <Title id="tableHeader" text="title"/>
            <!--BUTTONS-->
            <VBox>
                <MessageStrip
                    text="Filtered By:"
                    type="Information"
                    showCloseButton="true"
                    showIcon="false">
                </MessageStrip>
            </VBox>
        </Toolbar>
    </headerToolbar>
</Table>

但它看起来像这样: enter image description here

1 个答案:

答案 0 :(得分:1)

它被称为infoToolbar,而非infoBar ...

<Table>
    <infoToolbar>
            <Toolbar
                active="true"
                press="handleInfobarPress" >
                <Label text="Filtered By: " />
                <ToolbarSpacer />
                <core:Icon
                   tooltip="Reset filter"
                   src="sap-icon://sys-cancel"
                   class="size2"
                   color="white" 
                   press="onResetFilters">
                </core:Icon>
            </Toolbar>
    </infoToolbar>
    <headerToolbar>
        <Toolbar>
            <Title id="tableHeader" text="title"/>
            <!--BUTTONS-->
        </Toolbar>
    </headerToolbar>
</Table>

infoToolbar在sap.m.ListBase中实施为聚合:https://openui5.hana.ondemand.com/#/api/sap.m.ListBase

sap.m.Listsap.m.Table都从sap.m.ListBase借用了这些汇总/方法。