如何在JSON模型中获取单个JSON对象?

时间:2016-12-02 07:04:03

标签: javascript sapui5 sap-fiori

我在manifest.json中定义了一个默认模型:

"dataSources": {            
        "mainService": {
            "uri": "/.../vehicleCollection",
            "type": "JSON"
        }
    },

然后通过以下方式获取sap.ui.model.json.JSONModel:

 var model = oView.getModel();    
 var oObject = model.getJSON("/VEHICLES(0001)");

我想要的是一辆车辆,其中vehicleId是0001,相反,它以字符串形式返回整个VEHICLES数组:

oObject = "{"VEHICLES":[{"vehicleId":"0001","route":...} {"vehicleId":"0005","route":...} ..."

我想知道有没有方便的方法来获取单个数据对象?我正在尝试将此数据绑定到主详细信息模板中的详细信息页面。

参考:https://sapui5.netweaver.ondemand.com/#docs/api/symbols/sap.ui.model.json.JSONModel.html

====更新====

JSON结构 (model.oData的结果和来自"/.../vehicleCollection",的数据):

{"VEHICLES":[ { "vehicleId":"0001", "route":"..", ... }, { "vehicleId":"0005", "route: "..", ... }] }

====更新=====

我想分享我的解决方法(可以将它们放在这里吗?),我承认它非常难看,所以我希望通过使用UI5 API让它变得更优雅。

Master.controller.js

_showDetail : function (oItem) { var bReplace = !Device.system.phone; this.getRouter().navTo("object", { objectId : oItem.getBindingContext().getProperty("vehicleId") }, bReplace); },

Detail.controller.js

_onBindingChange : function () {
var oView = this.getView(),
    oElementBinding = oView.getElementBinding(),
    oViewModel = this.getModel("detailView"),
    sPath = oElementBinding.getPath(),
    oResourceBundle = this.getResourceBundle(),
    ObjectId = sPath.match(/'(.*?)'/)[1],

var JSONObject = oView.getModel().getJSON();

JSONObject = JSON.parse(JSONObject);

function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));
        } else if (i == key && obj[key] == val) {
            objects.push(obj);
        }
    }
    return objects;
}

var oneVehicle = getObjects(JSONObject, "vehicleId", ObjectId);

oViewModel.setProperty("/route", oneVehicle[0]['route']);
},

Detail.view.xml

<ObjectStatus text="{detailView>/route}"/>

2 个答案:

答案 0 :(得分:3)

建议的解决方案有效,但它没有采用最佳实践,我强烈建议不要开始这样编码。您应该始终使用getProperty来访问模型数据。在您的示例中,您可以访问vehicleId:

var vehicleId = model.getProperty("/VEHICLES/3/vehicleId");

如果您需要整车使用:

var vehicle = model.getProperty("/VEHICLES/3");

答案 1 :(得分:1)

model.getData()会找到你的对象。一旦你得到了这个对象,就可以使用密钥model.getData().VEHICLES,这将为你提供现在可以访问第三个元素model.getData().VEHICLES[3]的数组值。

所以你的答案是:

model.getData().VEHICLES[3].vehicleId ;

注意:这是你的json的一些假设,但是如果可以做 console.log(model.getData())或放置JSON.stringify(model.getData())< / strong>将您的json结构粘贴到问题中,让我们知道您想要访问哪个特定元素很容易。