SAPUI5 中与 xsodata 的数据绑定

Question

我有一个在 SAP HANA 上运行的后端，它使用 xsodata 服务与前端通信（使用 SAP UI5 编码）。 xsodata服务输出数据格式如下：

{
  "d": {
    "results": [
      {
        "__metadata": {
          "type": "music.Music_infoType",
          "uri": "***/odata/music.xsodata/Music_info('10020')"
        },
        "ID": "10020",
        "TITLE": "Music 1"
      },
      {
        "__metadata": {
          "type": "music.Music_infoType",
          "uri": "***/odata/music.xsodata/Music_info('10026')"
      },
    "ID": "10026",
    "TITLE": "Music 2"
  }
}

在我的manifest.json 文件中，我将此信息加载到模型中：

"sap.app": {
  ...
  "dataSources": {
    "topmusics": {
        "uri": "/path/to/odata/music.xsodata/Music_info",
        "type": "JSON"
    }
  }
},
"sap.ui5": {
  ...
  "models": {
   "topmusics": {
        "dataSource": "topmusics"
    }
  }
}

在 XML 视图中，我尝试传递一个参数来过滤前 5 首音乐并将数据加载到列表中。但是，由于数据不是从文件的“根”开始，而是从“d/results”开始（参见 json sn-p），我还必须传递此信息，这导致我得到以下代码：

<List headerText="Top 5 Musics" 
  items="{
    path : 'topmusics>/d/results',
    parameters : {  
        $top : '5'
    }}"
  class="sapUiResponsiveMargin">
  <CustomListItem type="Navigation" press="onClick">
      <Link text="{topmusics>TITLE}"
            press="onClick" />
  </CustomListItem>
</List>

但是，通过这段代码，我得到了完整的音乐列表，而不仅仅是前 5 名，这让我相信，因为我必须传递“/d/results”，所以 xsodata 参数 ("$top : '5'") 会被忽略。有什么办法可以做到吗？

在侧节点上，我没有在manifest.json 文件上设置"$top : '5'" 参数，因为我还希望能够将同一模型与其他xsodata 参数一起使用。

编辑：控制器代码：

onClick: function(oEvent) {
    var oItem = oEvent.getSource();
    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
    oRouter.navTo("musicDetails", {
        musicPath: oItem.getBindingContext("topmusics").getPath().substr(11)
    });
}

Answer 1

绑定参数中的 $top 参数似乎被 UI5 忽略了。此外，文档没有指定此类参数的存在。但是，似乎有一个未记录的属性“length”可以在绑定字符串中提供。

{ path : '/Collection', 长度: 5 }

此外，由于您使用的是 OData 服务，因此最好使用 OData 模型而不是 JSON 模型。服务 URL 应为 .xsodata 路径，不包括 EntitySet(/Music_info)。

所以你的清单应该是这样的：

"topmusics": {
    "uri": "/path/to/odata/music.xsodata",
    "type": "OData"
}

你的 XML 会这样设置

<List headerText="Top 5 Musics" 
  items="{
  path : 'topmusics>/Music_info',
  length : 5
  }"
 class="sapUiResponsiveMargin">
 <CustomListItem type="Navigation" press="onClick">
     <Link text="{topmusics>TITLE}"
           press="onClick" />
 </CustomListItem>
</List>