Question

由于某种原因，tile容器无法正常工作。如果我放置一个列表而不是Tiles，它的工作正常。我正在尝试构建一个包含图块的简单应用程序。我是SAPUI5的新手。这是XML的代码。

<mvc:View height="100%" controllerName="sap.ui.demo.Onepage.view.App"
xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m">
<App>
    <Page id="" title="Tiles" class="marginBoxContent">
        <headerContent>
            <Button icon="sap-icon://filter" />
            <Button icon="sap-icon://action-settings" />
        </headerContent>
        <subHeader>
        </subHeader>
        <content>
            <TileContainer id="container" tileDelete="handleTileDelete"
                tiles="{
                        path: '/items'
                    }">
                <StandardTile icon="sap-icon://{icon}" type="{type}"
                    number="{number}" numberUnit="{numberUnit}" title="{title}" info="{info}"
                    infoState="{infoState}" />
            </TileContainer>
        </content>
        <footer>
        </footer>
    </Page>
</App>

提前致谢。

Answer 1

有时TileContainer可能有点棘手。您必须处理父容器中的某些属性。确保您的Page使用以下属性：

<Page enableScrolling="false">

还有一个陷阱可能是你正在使用数据绑定。只要在/items模型中没有对象，就不会渲染任何单个图块。因此，要么确保您的模型包含items，并且模型已分配给您的视图，要么开始测试它而不绑定tiles属性并按照以下方式静态执行：

<mvc:View height="100%" controllerName="sap.ui.demo.Onepage.view.App"
xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m">
<App>
    <Page id="" title="Tiles" class="marginBoxContent"
        enableScrolling="false">
        <headerContent>
            <Button icon="sap-icon://filter" />
            <Button icon="sap-icon://action-settings" />
        </headerContent>
        <subHeader>
        </subHeader>
        <content>
            <TileContainer id="container" tileDelete="handleTileDelete">
                <StandardTile icon="sap-icon://temperature" type="None"
                    number="23°" numberUnit="Celcius" title="Walldorf" info="Cloudy" />
            </TileContainer>
        </content>
        <footer>
        </footer>
    </Page>
</App>

SapUI5-平铺容器无法正常工作

1 个答案: