SAPUI5设置JSON模型

Question

我得到了一些需要的数据包：

"mpConfig": {
    "appId": "test",
    "isMock": "test",
    "mockServerPath": "test",
    "isDebug": "test",
    "isUnitTest": "test"
}

现在，我需要将其放入JSON模型中，以便能够使用此数据。 为了检索数据，我有我的Controller类，并且用法必须在View类中。 我该如何解决这个问题？

我已经读过类似的东西将它们放入JSON模型中。

this.getView().setData(path().getConfig().mpConfig;

如何通过上述配置使用从JavaScript类获得的数据？ 感谢所有帮助。

Answer 1

下面的示例向您展示如何创建JSONModel的新实例并将数据传递给它。 我在示例中使用的数据是一个JavaScript对象。 如果您有JSON字符串，请确保调用

var oData = JSON.parse(sMyJsonString);

下面的示例不调用此方法。

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SAPUI5 single file template | nabisoft</title> <script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m" data-sap-ui-bindingSyntax="complex" data-sap-ui-compatVersion="edge" data-sap-ui-preload="async"></script> <!-- use "sync" or change the code below if you have issues --> <!-- XMLView --> <script id="myXmlView" type="ui5/xmlview"> <mvc:View controllerName="MyController" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"> <VBox> <Text text="appId : {/mpConfig/appId}" /> <Text text="isMock : {/mpConfig/isMock}" /> <Text text="mockServerPath : {/mpConfig/mockServerPath}" /> <Text text="isDebug : {/mpConfig/isDebug}" /> <Text text="isUnitTest : {/mpConfig/isUnitTest}" /> </VBox> </mvc:View> </script> <script> sap.ui.getCore().attachInit(function () { "use strict"; //### Controller ### sap.ui.controller("MyController", { onInit : function () { var oData = { "mpConfig": { "appId": "test appId", "isMock": "test isMock", "mockServerPath": "test mockServerPath", "isDebug": "test isDebug", "isUnitTest": "test isUnitTest" } }; var oModel = new sap.ui.model.json.JSONModel(oData); this.getView().setModel(oModel); } }); //### THE APP: place the XMLView somewhere into DOM ### sap.ui.xmlview({ viewContent : jQuery("#myXmlView").html() }).placeAt("content"); }); </script> </head> <body class="sapUiBody"> <div id="content"></div> </body> </html> 

基本上你

1. 从某处获取数据
2. 创建一个JSONModel的实例
3. 将数据传递到该实例（我已在构造函数中完成）
4. 最终将模型放在视图上或您想要的任何位置

那应该工作。