sap.m.OverflowToolbar：将文本或标签移动到溢出区域

Question

是否可以将sap.m.Text或sap.m.Label放入sap.m.OverflowToolbar，以便将它们移入溢出区域？使用按钮，缩小视图可能会显示三个椭圆，隐藏按钮可通过下拉列表访问。但是，如果我使用标签或文字，下拉列表将不会显示。

Answer 1

发布：1.30

https://github.com/SAP/openui5/blob/master/src/sap.m/src/sap/m/OverflowToolbarAssociativePopoverControls.js

OverflowToolbarAssociativePopoverControls._mSupportedControls = ... 

(Button, OverflowToolbarButton, CheckBox, ToggleButton, Select, ComboBox, SearchField, SegmentedButton, Input, DateTimeInput, RadioButton).

因此，默认情况下无法使用文字或标签。

Answer 2

您可以将sap.m.Title对象添加到sap.m.OverflowToolbar #content。

在sap.m.Title中有一个名为＆＃39; text＆＃39;你可以在哪里分配一些文字。

如果发生溢出，sap.m.Title将自动缩小或消失。关于它只是没有任何相关动作的文本，没有必要在溢出弹出窗口中显示sap.m.Title。

这是指SAP Fiori Gudelines。

https://experience.sap.com/fiori-design/ui-components/table-bar/

部分：行为与互动 - ＆gt;溢出（通用） ＆＃34;按钮以外的所有内容都无法进入溢出。＆＃34;

Answer 3

我是sapui5的新手，但也许这段代码对你有用。

<footer>
        <OverflowToolbar >
            <ToolbarSpacer/>
            <Button type="Accept" text="Accept">
                <layoutData><OverflowToolbarLayoutData priority="Low" /></layoutData>
            </Button>
            <Button type="Reject" text="Reject">
                <layoutData><OverflowToolbarLayoutData priority="Low" /></layoutData>
            </Button>
            <Button type="Accept" text="Accept">
                <layoutData><OverflowToolbarLayoutData priority="Low" /></layoutData>
            </Button>
            <Button type="Reject" text="Reject">
                <layoutData>
                    <OverflowToolbarLayoutData priority="Low" />
                </layoutData>
            </Button>
        </OverflowToolbar>
    </footer>

Answer 4

As of v1.52，任何实现接口sap.m.IOverflowToolbarContent的控件都可以移动到溢出区域。其中一项控制措施是sap.m.Label以来的interfaces: [ // ... "sap.m.IOverflowToolbarContent" ], 。

  

v1.54

labelFor

<强>演示： sap.m.Label

https://openui5.hana.ondemand.com/test-resources/sap/m/OverflowToolbar.html

如果需要，标签通过关联s3-cli sync --delete-removed dist s3://domain-admin-dev 指向的控件也可以移动到溢出区域。