Home/ Questions/Q 607685
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T17:23:10+00:00

I’m totally new to dojo … and am drawing from my experience with jQuery

  • 0

I’m totally new to dojo … and am drawing from my experience with jQuery somewhat …

I have several elements like so:

<input name="info1" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

<input name="info2" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

<input name="info3" value="" style="width:52px" contstraints="{pattern:'#'}" dojoType="dijit.form.NumberTextBox"/>

But I’m having the hardest time tring to assign a simple onKeyUp event … everything ive tried looks like it would work but doesn’t … console always reports that the thing im trying to do is not a function …

dojo.addOnLoad(function()
{
    dojo.query('input[name^=info]').connect('onkeyup',function(e)
    {
        console.log('oh yeah');
    });
});

What am i doing wrong, what should I be looking out for ???

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Unfortunately, dojo.query() will only return native DOM nodes. I think you want to get back the rendered Dijit Widget.

    To do that, you’ll need to assign your inputs IDs and use dijit.byId().

    Also, unlike native HTML event names, Dojo event names are case-sensitive. So, onkeyup refers to the native HTML and is different from the Dojo event name onKeyUp.

    I think you may also have an extra ‘t’ in contstraints.

    An example usage:

    <html>
<head>
<title>Test</title>
<link type="text/css" rel="stylesheet" href="dijit/themes/tundra/tundra.css"/>
</head>
<body class="tundra">

<input id="input1" name="input" type="text"dojoType="dijit.form.NumberTextBox"/>

<script type="text/javascript" src="dojo/dojo.js"
        djConfig="isDebug: true, parseOnLoad: true"></script>

<script type="text/javascript">
dojo.require("dijit.form.NumberTextBox");
dojo.addOnLoad(
    function() {
        dojo.connect(dijit.byId("input1"), 'onKeyUp',
                function(e) { console.log('oh yeah'); });
    }
);
</script>

</body>
</html>
    • 0