小编Jen*_*ens的帖子

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

我正在使用带有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 …
Run Code Online (Sandbox Code Playgroud)

javascript firefox google-chrome sapui5

5
推荐指数
0
解决办法
824
查看次数

标签 统计

firefox ×1

google-chrome ×1

javascript ×1

sapui5 ×1