在SAPUI5 / OpenUI5中更新JSON模型

时间:2014-06-07 12:15:49

标签: javascript json odata sapui5

我有一个json模型,model / salesOrder.json,

{
  "HeaderSet" : []
}

初始化,

var SalesOrderModel = new sap.ui.model.json.JSONModel("model/SalesOrder.json");
sap.ui.getCore().setModel(SalesOrderModel, "SOModel");

在创建Sales Order时,创建一个具有FirstNameLatName等直接键的对象。并且在没有任何键的情况下推送到此HeaderSet数组。

var salesOrderModel = this.getView().getModel("SOModel");
var salesOrderData = salesOrderModel.getData();
salesOrderData.HeaderSet.push(SoObject);
salesOrderModel.setData(salesOrderData);

假设我在这个模型中有3个对象,我需要更新这个模型中的特定对象吗?我怎么能这样做?

母版页面视图,

<List id="listMyOrder" growing="true" growingThreshold="10" growingScrollToLoad="true" noDataText="No drafts found" mode="SingleSelectMaster" items="{path : 'SOModel>/HeaderSet' }" select="handleMyOrderSelect">
       <ObjectListItem title="{SOModel>PurchaseOrderNumber}">
            <attributes>
                   <ObjectAttribute text="Due Date : {path : 'SOModel>PurchaseOrderDate' }" />
           </attributes>
     </ObjectListItem>
</List>

母版页控制器,

handleMyOrderSelect: function (evt) {
    this._showDetail(evt.getParameter("listItem"));
},

_showDetail: function (item) {
    _salesOrderIDForCart = item.getBindingContext("SOModel").getObject().SalesOrderID
    sap.ui.getCore().getEventBus().publish("nav", "to", {
        id: "SoDetail",
        data: {
            source: "MyOrders",
            SalesOrderID: item.getBindingContext("SOModel").getObject().SalesOrderID,
            context: item.getBindingContext("SOModel")
        }
    });
}

现在,我可以使用此上下文直接绑定详细信息页面中的其他详细信息,

<List showSeparators="None" id="tblSummary">
  <InputListItem label="PO Number">
    <Label text="{SOModel>PurchaseOrderNumber}" design="Bold"/>
  </InputListItem>
  <InputListItem label="PO Date">
    <Label text="{path : 'SOModel>PurchaseOrderDate'}" design="Bold"/>
  </InputListItem>
</List>

在这个详细信息页面中,我有一个按钮,它将读取此上下文并以可编辑的形式填充。在这里,我需要在模型的正确对象中更新此特定编辑项。 我尝试为每个对象添加一个唯一的动态密钥,但那时我的绑定将不起作用。

此处几乎相同的帖子http://scn.sap.com/thread/3464458http://scn.sap.com/thread/3386927

1 个答案:

答案 0 :(得分:1)

您有一个客户端模型(JSON),并希望使用来自可编辑表单的对象的更新版本替换HeaderSet数组的元素。我们在此假设您不希望直接将双向绑定返回到JSON模型,因为您希望首先进行输入验证,例如。

您有一个唯一的密钥SalesOrderID,我们可以看到您在发布到事件总线时已经使用的密钥。让我们假设它存储在currentSalesOrderID中并使用它来在数组中用新数据找到要替换的正确对象,在我们调用updatedOrder的对象中:

// Get the data from the model
var salesOrderData = salesOrderModel.getData();

// Find the index of the object via the SalesOrderID
var index = salesOrderData.HeaderSet
    .map(function(order) { return order.SalesOrderID; })
    .indexOf(currentSalesOrderID);

// Replace the order in the array
salesOrderData.HeaderSet.splice(index, 1, updatedOrder);