Unable to get Dojo custom module working with ASP.net MVC

Question

New to Dojo and I am just trying to get a basic Hello world module working in dojo/MVC and can't seem to get it to work. I keep getting either

no response / errors at all or cryptic Syntax errors in dojo.js e() h.injectUrl/h()

is what it says when using FireFox / Firebug. I am using 1.8 and have tried both the CDN and local copies.

Here is the code below.

Index.cshtml

    <script src="~/Scripts/dojo/dojo.js" data-dojo-config="async: true, isDebug: true, parseOnLoad: true"></script><script>
    // Require default stuff and new module
    require([
                "~/Scripts/dojoDemo/newModule"
    ],
    function (newModule) {
        newModule.setText("greetings", "Hello peoples");
        settimeout(function () {
            newModule.restoreText("greeting");
        }, 3000);
    });</script><h1 id="greetings">What up</h1>

<br/>
<br/>

newModule.js

define([
    // Define the dependencies
    "dojo/dom"], 
    // Create this function to call new module
    function (dom) {
        var oldText = {};
        return {
            setText: function (id, text) {
                var node = dom.byId(id);
                oldText[id] = node.innerHTML;
                node.innerHTML = text;
            },
            restoreText: function (id) {
                var node = dom.byId(id);
                node.innerHTML = oldText[id];
                delete oldText;
            }
        };
    });

Craig Swing · Accepted Answer · 2013-03-01 20:17:10Z

1

You need to specify the path to the module in the dojo config and not the require call. paths map the top level module name to where the files are located to the server. By default, the file path is relative to dojo.js

<script src="~/Scripts/dojo/dojo.js" 
  data-dojo-config="async: true, isDebug: true, parseOnLoad: true, 
     paths: { dojoDemo: '../dojoDemo' }">
</script>
<script>
  require(["dojoDemo/newModule", "dojo/domReady!"], function (newModule) {
      newModule.setText("greeting", "Hello peoples");
      setTimeout(function () {
          newModule.restoreText("greeting");
      }, 3000);
  });
</script>

edited Mar 1, 2013 at 20:17

answered Mar 1, 2013 at 18:31

Craig Swing

8,1602 gold badges32 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

gcoleman0828 Over a year ago

Excellent Craig. Now I'm getting into the module, but on the var node = dom.byId(id), I am getting node as undefined. Basically it is not seeing the h1 tag with the id of 'greetings'. I did a break in the module to make sure that it is greetings that is being passed in. There is a missspelling in my example above not adding the 's' on greetings. that is fixed and it is still not finding it. Thanks again

Craig Swing Over a year ago

Try requiring "dojo/domReady!". See dojotoolkit.org/reference-guide/1.8/dojo/domReady.html

Craig Swing Over a year ago

"dojo/ready" is something you will want to know about as well. dojotoolkit.org/reference-guide/1.8/dojo/ready.html

Collectives™ on Stack Overflow

Unable to get Dojo custom module working with ASP.net MVC

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related