SAP UI5 - 添加具有重复 ID 的元素答案

【问题标题】：SAP UI5 - adding element with duplicate idSAP UI5 - 添加具有重复 ID 的元素
【发布时间】：2020-11-11 23:15:33
【问题描述】：

Flexible Column Layout App 第二次从 Launchpad 打开时显示错误“添加具有重复 id 'application-CSR_Flexible-monitor-component---detail--zstmViewvizFramePopOver' 的元素”

Object.view.xml ==> 4th Block 有 Viz Frame。

                                <l:FixFlex id="chartFixFlex" minFlexSize="400">
                                <l:flexContent title="Order Holds Overview" visible="{zstmView>/FlexContent}">
                                    <viz:Popover id="zstmViewvizFramePopOver"/>
                                    <viz:VizFrame id="zstmViewvizFrame" uiConfig="{applicationSet:'fiori'}" busy="{zstmView>/VizFramebusy}" visible="{zstmView>/VizFrameshow}" height="100%" width="100%" vizType="pie" selectData=".onSelect">
                                        <viz:dataset>
                                            <viz.data:FlattenedDataset data="{zstm_vizFrame>/stat}">
                                                <viz.data:dimensions>
                                                    <viz.data:DimensionDefinition name="HoldText" value="{zstm_vizFrame>HoldText}"/>
                                                </viz.data:dimensions>
                                                <viz.data:measures>
                                                    <viz.data:MeasureDefinition name="Count" value="{zstm_vizFrame>Count}"/>
                                                </viz.data:measures>
                                            </viz.data:FlattenedDataset>
                                        </viz:dataset>
                                        <viz:feeds>
                                            <viz.feeds:FeedItem uid="size" type="Measure" values="Count"/>
                                            <viz.feeds:FeedItem uid="color" type="Dimension" values="HoldText"/>
                                        </viz:feeds>
                                    </viz:VizFrame>
                                </l:flexContent>
                            </l:FixFlex>

First Load 将在 inInit() 方法中初始化图表内容。对象视图 inInit 方法不会第二次触发。

            var oVizFrame = oView.byId("zstmViewvizFrame");
        oVizFrame.setVizProperties({
                        legend: {
                            title: {
                                visible: true
                            }
                        },
                        title: {
                            visible: true
                        }
                    });

        jQuery.sap.require("sap/suite/ui/commons/ChartContainer");
        var oChartContainerContent = new sap.suite.ui.commons.ChartContainerContent({
                            icon : "sap-icon://pie-chart",
                            title : "Customer Order Holds Overview",
                            content : [ oVizFrame ]
                        });
        var oChartContainer = new sap.suite.ui.commons.ChartContainer({
            content : [ oChartContainerContent ]
        });
        oChartContainer.setShowFullScreen(true);
        oChartContainer.setAutoAdjustHeight(true);
        oChartContainer.setShowZoom(true);
        oView.byId("chartFixFlex").setFlexContent(oChartContainer);

知道为什么会出错吗？

【问题讨论】：

标签： javascript sapui5 sap-fiori

【解决方案1】：

在我的例子中，我通过从 Targets 数组中的 manifest.json 文件中删除属性“ViewId”并只保留“ViewName”和“ViewType”解决了这个问题。

我从这里更改了我的代码

"targets": {
            "View1": {
                "viewType": "XML",
                "viewId": "View1",
                "viewName": "View1"
            },
            "View2": {
                "viewType": "XML",
                "viewName": "View2"
            }
        }

到这里

"targets": {
            "View1": {
                "viewType": "XML",
                "viewName": "View1"
            },
            "View2": {
                "viewType": "XML",
                "viewName": "View2"
            }
        }

【讨论】：