SAPUI5:密钥中格式错误的URI文字语法

时间:2017-11-07 20:52:35

标签: javascript odata sapui5 web-ide

我使用" SAP Fiori Master-Detail Application"创建SAPUI5应用程序。模板。我有Master和Detail页面正常工作并正确连接到我的OData服务。我现在要做的是将详细信息页面路由到第二个(不同的)详细信息页面。

第一个详细信息页面(我将调用Detail1)包含Detail2对象的列表。单击列表中的其中一个对象可以转到Detail2页面(它显示更多信息)。

我使用WebIDE创建了一个新的Detail2视图和控制器,因此它附带了一些填充代码。我还在manifest.json文件中创建了一个新路由:

{
    "name": "detail2Object",
    "pattern": "Detail2(Master={masterId},Id={detail1Id})",
    "titleTarget": "",
    "greedy": false,
    "target": ["master", "detail2"]
}

"detail2Object": {
    "viewType": "XML",
    "transition": "slide",
    "clearAggregation": true,
    "viewName": "Detail2",
    "title": "",
    "viewId": "detail2page",
    "viewLevel": 3
}

从模式中可以看出,该服务有两个参数:Master和ID(主ID和第一个缺陷ID)。

独立于我的应用程序测试服务可以很好地返回数据:http://{root}.com:{port}/sap/opu/odata/sap/TEST_SRV/Detail2(‌​Master='552364',Id='‌​0004')

我在Detail1控制器中创建了一个NavTo函数,以传入Master和Id参数:

_onNav : function (oEvent) {
            // get the list item, either from the listItem parameter or from the event's source itself (will depend on the device-dependent mode).
            this._showDetail2(oEvent.getParameter("listItem") || oEvent.getSource());
},

_showDetail2 : function (oItem) {
            this.getRouter().navTo("detail2Object", {
                masterId: oItem.getBindingContext().getProperty("Master"),
                detail1Id: oItem.getBindingContext().getProperty("Id")
            });
}

当我通过WebIDE测试(使用实时OData和我创建的Mockdata)运行应用程序时,单击Detail1页面中的Detail2对象,导航到显示此错误的新页面:

  

这<" ObjectName">不可用

进入F12工具,我看到以下错误:

  

MockServer:密钥' Id'中格式错误的URI文字语法 -

     

HTTP请求   failed400,坏   请求,{"错误" {"代码" 400"消息" {"朗":"恩&#34 ;,"值":"畸形   密钥' Id'"}}} -

中的URI文字语法

即使网址正确地提取了参数,也会发生这种情况:

  

http://localhost:54634/webapp/test/mockServer.html?hc_reset&origional-url=mockServer.html&sap-ui-appCacheBuster=..%2F..%2F..%2F&sap-ui-xx-componentPreload=off#/Detail2(Master=' 552364',ID =' 0004&#39)

通过大量研究,我发现的唯一一件事就是这个错误可能与元数据文件有关。但是,这两个ID都属于Edm.String类型,并且拼写方式完全相同,所以我不认为这是问题所在。此外,如前所述,该服务运行得很好,具有独立于应用程序运行的相同参数。

非常感谢任何帮助。

更新

Detail1包含Detail2对象列表的视图:

        <List noDataText="Drop list items here" id="__list0" items="{DetailToDetail2}" headerText="Defects">
            <items>
                <ObjectListItem type="Navigation" title="{Detail2Title}" number="{Qty}" numberUnit="Detail Qty" press="_onNav">
                <attributes>
                    <ObjectAttribute text="{Detail2_Attr}" id="__attribute11" title="Detail2 Attr"/>
                    <ObjectAttribute id="__attribute12" title="Detail2 Attr2" text="{Detail2_Attr2}"/>
                </attributes>
                </ObjectListItem>
            </items>
        </List>

item="{DetailToDetail2}"在服务元数据中显示为NavigationProperty和Association。

这是它在Detail1实体中的外观:

<NavigationProperty Name="DetailToDetail2" Relationship="TEST_SRV.DetailToDetail2" FromRole="FromRole_DetailToDetail2" ToRole="ToRole_DetailToDetail2"/>

这是整个Detail2实体:

        <EntityType Name="Detail2" sap:content-version="1">
            <Key>
                <PropertyRef Name="Id"/>
                <PropertyRef Name="Master"/>
            </Key>
            <Property Name="Id" Type="Edm.String" Nullable="false" MaxLength="4" sap:unicode="false" sap:label="Id" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
            <Property Name="Master" Type="Edm.String" Nullable="false" MaxLength="12" sap:unicode="false" sap:label="Master" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
            <Property Name="Attr1" Type="Edm.String" MaxLength="40" sap:unicode="false" sap:label="Attribute 1" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
            <Property Name="Qty" Type="Edm.Int32" sap:unicode="false" sap:label="Detail Qty" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
            <Property Name="Attr2" Type="Edm.String" MaxLength="40" sap:unicode="false" sap:label="Attribute 2" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
            <Property Name="Attr3" Type="Edm.String" MaxLength="4" sap:unicode="false" sap:label="Attribute 3" sap:creatable="false" sap:updatable="false" sap:sortable="false" sap:filterable="false"/>
        </EntityType>

这是DetailToDetail2协会:

        <Association Name="DetailToDetail2" sap:content-version="1">
            <End Type="TEST_SRV.Detail1" Multiplicity="1" Role="FromRole_DetailToDetail2"/>
            <End Type="TEST_SRV.Detail2" Multiplicity="*" Role="ToRole_DetailToDetail2"/>
            <ReferentialConstraint>
                <Principal Role="FromRole_DetailToDetail2">
                    <PropertyRef Name="Id"/>
                </Principal>
                <Dependent Role="ToRole_DetailToDetail2">
                    <PropertyRef Name="Master"/>
                </Dependent>
            </ReferentialConstraint>
        </Association>

1 个答案:

答案 0 :(得分:0)

我发现“格式错误的URI”错误不是在路由或导航时发生的,而是在到达页面后发生了绑定。

我的Detail2控制器_onObjectMatched函数如下所示:

_onObjectMatched : function (oEvent) { 
        var sObjectMasterId =  oEvent.getParameter("arguments").masterId; 
        var sObjectDetailId =  oEvent.getParameter("arguments").detail1Id; 
        this.getModel().metadataLoaded().then( function() { 
          var sObjectPath = this.getModel().createKey("Detail2", { 
            masterId:  sObjectMasterId, 
            detail1Id : sObjectDetailId 
          }); 
          this._bindView("/" + sObjectPath); 
        }.bind(this)); 

通过调试,我发现sObjectPath变量被设置为Detail2(Id=null, Master=null)。那时我意识到masterIddetail1Id不是正确的参数名称,因为我们没有绑定到路由,我们绑定到路径。所以我将masterId替换为Master,将detail1Id替换为Id

_onObjectMatched : function (oEvent) { 
    var sObjectMasterId =  oEvent.getParameter("arguments").masterId; 
    var sObjectDetailId =  oEvent.getParameter("arguments").detail1Id; 
    this.getModel().metadataLoaded().then( function() { 
      var sObjectPath = this.getModel().createKey("Detail2", { 
        Master:  sObjectMasterId, 
        Id: sObjectDetailId 
      }); 
      this._bindView("/" + sObjectPath); 
    }.bind(this)); 

Voila,它有效!

感谢所有回复的人,并指出我远离路由和绑定。我建议任何人在收到“格式错误的URI”错误时都要检查所有绑定和导航,以验证所有参数拼写是否正确。

查看Routing with Parameters教程也是一个重要的帮助。