使用 $expand 绑定 OData答案

【问题标题】：OData binding with $expand使用 $expand 绑定 OData
【发布时间】：2017-10-10 12:58:56
【问题描述】：

我们必须将 OData url 绑定到 UI5 的 ODataModel

https://sapes1.sapdevcenter.com/sap/opu/odata/sap/ZCD204_EPM_DEMO_SRV/BusinessPartners('0100000000')/SalesOrders/?$expand=SalesOrderItems

我们能够绑定属于每个 SalesOrder 的根级别项目。但是，如果将来自SalesOrderItems 的数据绑定到SalesOrder 的孩子，我们就会遇到问题。

我们无法将 SalesOrderItems 的字段绑定到我们的任何对象。我们尝试使用{SalesOrderItems/results/QuantityUnit}、{SalesOrderItems/QuantityUnit}，但运气不佳。

您能提出任何替代方案吗？

SalesOrder 和 SalesOrderItem 之间有 1..m 基数

// model of oData

var model = sap.ui.model.odata.ODataModel("proxy/https/sapes1.sapdevcenter.com/sap/opu/odata/sap/ZCD204_EPM_DEMO_SRV/",true,'username','password');
//app is defined in index.html here we are setting model to the app.

App.setModel(model);

// create a table

var pastOrder_S3= new sap.m.Table("PastOrder_S3",{
            inset:true,
            //visibleRowCount: 2,
            firstVisibleRow: 2,
            fixedColumnCount: 2,
            columns:[
                     new sap.m.Column({
                         header:new sap.m.Label("item").setText("Items"),
                         hAlign:"Left",
                         width:"20px",
                         demandPopin:true,
                         popinDisplay:"Block",
                         minScreenWidth: sap.m.ScreenSize.Medium
                     }),
                     new sap.m.Column({
                         header:new sap.m.Label("orderdetail").setText("OrderDetails"),
                         hAlign:"Left",
                         width:"200px",
                         demandPopin:true,
                         popinDisplay:"Block",
                         minScreenWidth: sap.m.ScreenSize.Medium
                     })
});

//create a template to bind into the table using model.

var oTemplate_S3= new sap.m.ColumnListItem({
        type: sap.m.ListType.Active,
        cells: [

        new sap.m.Text({
        text:"{ProductName} \n {ProductID}"
                }),    

           new sap.m.Text({
                text:"OrderId: {SalesOrderID} \n {DeliveryDate} \n {TotalSum}{Currency}"
                })             
             ]
    });

// bind into the table.
`pastOrder_S3.bindAggregation("items","BusinessPartners('BusinessPartnerId')/SalesOrders/?$expand=SalesOrderItems",oTemplate_S3);`

这里有一个名为“SalesOrderItems”的子属性，我们需要读取 salesorderitems 中的属性。

【问题讨论】：

请分享您用于设置 OData 模型的代码。

标签： sapui5 netweaver

【解决方案1】：

将聚合绑定到 OData 集合时，expand 参数（以及与此相关的任何其他参数）必须单独给出，而不是集合 URI 的一部分。

简而言之，您必须执行以下操作：

oTable.bindAggregation("items", {
    path: "/BusinessPartners('BusinessPartnerId')/SalesOrders",
    template: oTemplate,
    parameters: {
       expand: "SalesOrderItems"
    }
});

查看bindAggregation 和ODataListBinding constructor 文档了解更多详情。

您将面临的另一个问题是 SaleOrder 和 SaleOrderItems 之间存在这种 1:n 基数。这意味着您将只能使用此导航属性来绑定聚合，而不能直接绑定属性（因此您需要在另一个表中包含类似表的内容）。

您必须明确定义应从 SaleOrderItems 中显示的内容才能“展平”它（例如，进行聚合或选择第一个等）。这很可能意味着必须在 OData 服务中进行更改，否则您将不得不使用 UI5 中的自定义控件或 JSONModel 而不是 / 与 OData 一起使用。

【讨论】：