sapUI5自定义平铺没有在Chrome中显示,但是Firefox

Jen*_*ens 5 javascript firefox google-chrome sapui5

我正在使用带有SAP Hana DB的sapUI5来创建自定义仪表板.我有一个sap.m.TileContainer,它包含许多sap.m.CustomTiles,它们由来自JSON结构的TileContainer的"tiles"聚合绑定.

现在,我需要通过以下代码在我的控制器的init函数中添加另一个CustomTile(具有不同的布局和内容).它在Firefox中运行得非常好,但在Chrome中,Tile根本没有显示,我也无法在HTML元素中找到它:

var oTileContainer = this.getView().byId("tileContainer");

    var quantTile = new sap.m.CustomTile("quantTile",{
        content: [
                    new sap.m.VBox({
                        items: [
                                new sap.m.Title("quantTileTitle", {
                                    width : "100%",
                                    text : "Quantitative KPIs",
                                    titleStyle : "H4",
                                    textAlign: "Begin",
                                }).addStyleClass('sapUiTinyMarginBegin sapUiTinyMarginTop'),
                                new sap.ui.commons.HorizontalDivider({
                                    height : "Medium"
                                }),
                                new sap.m.RatingIndicator("quantTotalRating",{
                                    enabled : false,
                                    maxValue : 5,
                                    value : 2.5
                                }).addStyleClass('sapUiMediumMarginBegin sapUiMediumMarginTop'),
                                new sap.m.Label({
                                    text : "Gesamtbewertung",
                                    width : "100%",
                                    textAlign: "Center"
                                }).addStyleClass('')
                                ]
                    })
                  ], 
        press: this.handleTilePress
        }).addStyleClass('sapMTile quantTile');

    oTileContainer.insertTile(quantTile,0);
Run Code Online (Sandbox Code Playgroud)

为了完整起见,这是我的XML视图的相关部分:

<TileContainer
        id="tileContainer"
        tileDelete="handleTileDelete"
        tiles="{/TileCollection}">
            <CustomTile 
                class="sapMTile"
                press="handleTilePress">
                <content>
                    <l:FixFlex vertical="true">
                        <l:fixContent>
                            <VBox>
                                <HBox alignItems="Center">
                                    <c:Icon
                                        src="sap-icon://{icon}"
                                        size="1rem"
                                        color="#000000"
                                        class="sapUiTinyMarginBeginEnd sapUiTinyMarginTop"/>
                                    <VBox class="sapUiTinyMarginTop">
                                        <Title text="{title}" titleStyle="H4"/>
                                    </VBox>
                                </HBox>
                                <u:HorizontalDivider height="Medium" /> 
                            </VBox>
                        </l:fixContent>
                        <l:flexContent>
                            <VBox>
                                <Label text="Letzte Woche" class="sapUiTinyMargin" width="100%" textAlign="Begin"/>
                                <HBox
                                    alignItems="Center"
                                    justifyContent="Center">
                                    <Label text="{positive_week}"  class="sapUiTinyMargin sapUiMediumMarginEnd KPIpositive"/>
                                    <Label text="{negative_week}"  class="sapUiTinyMargin KPInegative"/>
                                </HBox>
                                    <Label text="Letzter Monat" class="sapUiTinyMargin" width="100%" textAlign="Begin"/>
                                <HBox
                                    alignItems="Center"
                                    justifyContent="Center">
                                    <Label text="{positive_month}"  class="sapUiTinyMargin sapUiMediumMarginEnd KPIpositive"/>
                                    <Label text="{negative_month}"  class="sapUiTinyMargin KPInegative"/>
                                </HBox>
                            </VBox>
                        </l:flexContent>
                    </l:FixFlex>
                </content>
            </CustomTile>
    </TileContainer>
Run Code Online (Sandbox Code Playgroud)

有没有人知道为什么它可能不会在Chrome中显示/呈现,但在Firefox中?是否有任何我可以调用的程序强制重新渲染或类似的东西?

谢谢