cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

sap.ui.define: JSONModel is not defined(…)

draschke
Active Contributor

on ‎10-21-2015 4:49 PM

0 Kudos

Hi,

whats wrong with my path?

UIComponent and Device are fine, but JSONModel  is not defined.

Get the error: Uncaught ReferenceError: JSONModel is not defined(…)

Could somebody help me?

Thanks

Show replies
Show replies
Answer

Accepted Solutions (0)

Answers (4)

Answers (4)

draschke
Active Contributor
‎10-22-2015 9:02 AM
0 Kudos

Thank you all for great help!

After I initialized JSONModel with this coding, it was defined.

            var rootPath = jQuery.sap.getModulePath("ui5bp");

            var oModel = new JSONModel(jQuery.sap.getModulePath("ui5bp", "/model/menu.json"));

            this.getView().setModel(oModel);

I thought the JSONModel is automatically initialized with the entries inside of the manifest(ab Version 1.30) and I don't need the whole syntax.

Unfortunately I didn't find a sample for the new syntax (inside of manifest), if I want to load a local json file.

Show replies
Show replies
draschke
Active Contributor
‎10-21-2015 9:43 PM
0 Kudos

Could it have something to do with the manifest.json file?

Show replies
Show replies
former_member182372
Active Contributor
‎10-21-2015 10:09 PM
0 Kudos

try to remove it 😉

former_member182372
Active Contributor
‎10-21-2015 10:11 PM
0 Kudos

post it btw

seVladimirs
Active Contributor
‎10-22-2015 8:13 AM
0 Kudos

Well, source code you have posted is working as a charm - see demo here - http://plnkr.co/edit/uc9kCHEHMtRwcTcVTuCm?p=preview

former_member182372
Active Contributor
‎10-21-2015 6:28 PM
0 Kudos

if you remove it from line 5 and line 3 and use full path like

var oJSONModel = new sap.ui.model.json.JSONModel();

does it work?

Show replies
Show replies
draschke
Active Contributor
‎10-21-2015 9:29 PM
0 Kudos

yes, this works!

former_member182372
Active Contributor
‎10-21-2015 9:39 PM
0 Kudos

post the old code and show where exactly is the exception

former_member182372
Active Contributor
‎10-21-2015 9:42 PM
0 Kudos

SAPUI5 Explored

sap.ui.define([
'jquery.sap.global',
'./Formatter',
'sap/ui/core/mvc/Controller',
'sap/ui/model/json/JSONModel'
], function(jQuery, Formatter, Controller, JSONModel) {
"use strict";

var TableController = Controller.extend("sap.m.sample.Table.Table", {

onInit: function () {
// set explored app's demo model on this sample
var oModel = new JSONModel(jQuery.sap.getModulePath("sap.ui.demo.mock", "/products.json"));
this.getView().setModel(oModel);
}
});


return TableController;

});



same as you have....hm..

draschke
Active Contributor
‎10-21-2015 9:51 PM
0 Kudos

former_member182372
Active Contributor
‎10-21-2015 9:53 PM
0 Kudos

turn on debug.. expand that last error, it will print the stack trace.

draschke
Active Contributor
‎10-21-2015 10:04 PM
0 Kudos

draschke
Active Contributor
‎10-21-2015 10:06 PM
0 Kudos

Is this what you want?

In my opinion, JSONModel should be defined with the init. Should it?

former_member183518
Active Participant
‎10-21-2015 5:40 PM
0 Kudos

Can you post the code where you're trying to use the JSONModel ?

Show replies
Show replies
former_member182372
Active Contributor
‎10-21-2015 6:26 PM
0 Kudos

line #5

former_member183518
Active Participant
‎10-21-2015 7:09 PM
0 Kudos

But line#5 wouldn't throw a reference error even if it's undefined.

former_member182372
Active Contributor
‎10-21-2015 8:02 PM
0 Kudos

true

draschke
Active Contributor
‎10-21-2015 9:37 PM
0 Kudos

sap.ui.define([

    "sap/ui/core/UIComponent",

    "sap/ui/model/json/JSONModel",

    "sap/ui/Device"

], function(UIComponent, JSONModel, Device) {

    "use strict";

    return UIComponent.extend("ui5bp.Component", {

        metadata: {

            manifest: "json"

        },

        /**

         * The component is initialized by UI5 automatically during the startup of the app and calls the init method once.

         * @public

         * @override

         */

        init: function() {

            // call the base component's init function

            UIComponent.prototype.init.apply(this, arguments);

        }

    });

});

draschke
Active Contributor
‎10-21-2015 9:37 PM
0 Kudos

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta charset="UTF-8">

    <title>UI5 Boilerplate Fiori</title>

    <!-- UI5 Bootstrap with OpenUI5 -->

    <script

  id="sap-ui-bootstrap"

  src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"

  data-sap-ui-theme="sap_bluecrystal"

  data-sap-ui-libs="sap.m,sap.ui.commons,sap.ui.table,sap.ui.ux3"

  data-sap-ui-bindingSyntax="complex"

  data-sap-ui-compatVersion="edge"

  data-sap-ui-preload="async"

  data-sap-ui-resourceroots='{

  "ui5bp": "./"

  }'>

  </script>

  <script>

  sap.ui.getCore().attachInit(function () {

  new sap.m.Shell({

  app: new sap.ui.core.ComponentContainer({

  name: "ui5bp",

  height: "100%"

  })

  }).placeAt("content");

  });

  </script>

</head>

<body class="sapUiBody" id="content">

</body>

</html>

Ask a Question