Javascript 在SAPUI5中更改复制的数据时,原始模型正在更改
我通过API获取一些数据(JSONArray),并将其保存在两个模型和一个数组变量中。我正在处理数组中的数据,但它也在更改模型中的值。下面是我的一些代码片段:Javascript 在SAPUI5中更改复制的数据时,原始模型正在更改,javascript,model-view-controller,sapui5,Javascript,Model View Controller,Sapui5,我通过API获取一些数据(JSONArray),并将其保存在两个模型和一个数组变量中。我正在处理数组中的数据,但它也在更改模型中的值。下面是我的一些代码片段: onInit : function(){ this.addmodel = new sap.ui.model.json.JSONModel(); this.addmodel.setDefaultBindingMode(sap.ui.model.BindingMode.OneW
onInit : function(){
this.addmodel = new sap.ui.model.json.JSONModel();
this.addmodel.setDefaultBindingMode(sap.ui.model.BindingMode.OneWay);
this.getView().setModel(this.addmodel, "Model");
this.originalModel = new sap.ui.model.json.JSONModel();
this.originalModel.setDefaultBindingMode(sap.ui.model.BindingMode.OneWay);
this.getView().setModel(this.originalModel, "OrgModel");
this.router.attachRoutePatternMatched(this._handleRouteMatched, this);
},
Controller.js:
_handleRouteMatched: function (evt) {
if (evt.getParameter("name") !== "BookMeal") {
return;
}
$.ajax({
url: "/Non_sap_create_requests/odata/MealSelfLocMealType",
method: "GET",
dataType: "json",
success: function (data) {
that.mCopiedArray = $.extend([], data.value);
that.originalModel.setData(data);
that.addmodel.setData(data);
},
error: function (err) {
}
});
onFromDateSelect: function (oEvent) {
if (Date.parse(fromDate) === Date.parse(currentDate)) {
var tempVal = that.mCopiedArray;
tempVal = formatter.mealContsraints(tempVal, currentDate, fromDate, currentTime, "null");
that.addmodel.setProperty("/value", tempVal);
} else {
that.addmodel.setProperty("/value", that.originalModel.getProperty("/value"));
}
},
});
});
在上面的代码中,我将数据保存在数组mCopiedArray和两个模型中-addmodel和originalModel。我正在处理formatter.js中的数据。更改McOpieArray中的数据也会更改addmodel和originalModel中的数据
formatter.js:
mealContsraints: function (value, currentDate, fromDate, currentTime, meal) {
if (fromdate === currentdate) {
while (ln--) {
if (value[ln].MealField === "Breakfast") {
value.splice(ln, 1);
break;
}
}
ln = value.length;
if (currentTime > '11:30:00') {
while (ln--) {
if (value[ln].MealField === "Lunch") {
value.splice(ln, 1);
break;
}
}
}
ln = value.length;
if (currentTime > '16:30:00') {
while (ln--) {
if (value[ln].MealField === "Eve Snacks") {
value.splice(ln, 1);
break;
}
}
}
if (currentTime > '18:00:00') {
while (ln--) {
if (value[ln].MealField === "Dinner") {
value.splice(ln, 1);
break;
}
}
}
}
对象是工作引用逻辑,因此可以使用jquery.extend()。
$.extend([],data.value)代码>不创建深度副本。因此,如果您修改数组中的某个项目(例如,将MealField
从晚餐
更改为午夜小吃
),它也将在模型中更改
但是如果修改数组本身(例如,从数组中删除一个项目),则不会影响模型
我为此做了一个小片段:
const mData = {value: [
{ MealField: "Dinner", id: 3 },
{ MealField: "Lunch", id: 2 },
{ MealField: "Breakfast", id: 1 }
]};
const oModel = new sap.ui.model.json.JSONModel(mData);
const aCopy = $.extend([], mData.value);
aCopy.splice(1, 1);
// arrays should be different
console.log(aCopy);
console.log(oModel.getProperty("/value"));
aCopy[0].MealField = "Midnight Snack";
// single item should be the same
console.log(aCopy[0]);
console.log(oModel.getProperty("/value/0"));
所以问题不应该是格式化程序,而是别的什么
顺便说一句,你的格式化程序不是格式化程序。真正的格式化程序应该返回一个值,并且不会产生副作用(如修改模型/数据)。制作对象深度副本的一种方法是将其序列化为json,并将其反序列化为新对象:
让objString=JSON.stringfy(obj):
让newObject=JSON.parse(objString)
PS:这将适用于可序列化属性,如果您有
大型对象可能会遇到性能问题