javascript - 具有静态控制的 SAPUI5 聚合绑定(bind)

Question

我有这个 View :

<OverflowToolbar id="sceneToolbar" content="{path: '/scenes/scenes'}">
        <ToolbarSpcaer/>
        <ToggleButton text="{name}" custom:id="{id}" press="onSceneButtonPress"/>
        <ToolbarSpcaer/>
        <OverflowToolbarButton type="Transparent" text="Konfigurieren" icon="sap-icon://action-settings" press="onSettingsButtonPress"/>
</OverflowToolbar>

你看，我想生成 X ToggleButtons 但我还想在末尾有一个 ToolbarSpacer 和一个 OverflowToolbarButton，在开头有一个 ToolbarSpacer。

如果我删除“静态控件”，它就可以正常工作。但使用“静态控制”则不然。我不知道为什么...

Answer 1

既然OverflowToolbar有一个聚合来保存sap.ui.core.Control对象的数组，为什么不简单地这样做:

<OverflowToolbar id="sceneToolbar">
    <ToolbarSpacer/>
    <HBox items="{/scenes/scenes}">
        <ToggleButton text="{name}" custom:id="{id}" press="onSceneButtonPress"/>
    </HBox>
    <ToolbarSpacer/>
    <OverflowToolbarButton type="Transparent" text="Konfigurieren" icon="sap-icon://action-settings" press="onSettingsButtonPress"/>
</OverflowToolbar>

NB1:您可能需要根据 HBox 样式调整样式，但此解决方案的关键是将聚合控件封装在容器中

NB2:您在 ToolbarSpacer 中输入错误