Dojo and unregistering widgets

Question

I am new to the Dojo Toolkit. I'm getting the error

Tried to register widget with id=myButton but that id is already registered

whenever I try to load dojo content twice (meaning I load HTML content through jQuery.Load into a container div). Is there a way of unregistering already registered widgets in dojo? I've seen some examples, but I don't really get them working.

My button:

<button dojoType="dijit.form.Button" id="myButton">button</button>

score 38 · Accepted Answer · edited Apr 18 '11 at 21:34

38

If you're looking to unregister specific widgets, you can use their destroy() or destroyRecursive() methods. The second one destroys any widgets inside the one you are destroying (i.e. calling destroyRecursive on a form widget will also destroy all the form components).

In your case, it sounds like your best bet would be to do this before jQuery.load -

var widgets = dijit.findWidgets(<containerDiv>);
dojo.forEach(widgets, function(w) {
    w.destroyRecursive(true);
});

The above code will unregister all widgets in <containerDiv>, and preserve their associated DOM Nodes. To destroy the DOM nodes, pass false to destroyRecursive instead.

Reference:

http://dojotoolkit.org/api/1.3/dijit/_Widget/destroyRecursive

edited Apr 18 '11 at 21:34

Marcelo

2,232
3
22
31

answered May 04 '10 at 09:30

Jez

2,384
1
17
31

1

Others looking for a solution : See also answer below for non-recursive solution. – John Korsnes May 05 '10 at 10:22
Exactly what I was looking for. Thanks a bunch! – mtchuente Mar 01 '16 at 15:34

score 10 · Answer 2 · answered May 04 '10 at 09:16

10

Based on http://bugs.dojotoolkit.org/ticket/5438, I found a sufficient way of destroying dojo-widgets:

dijit.registry.forEach(function(w){
                  w.destroy();             
          });

answered May 04 '10 at 09:16

John Korsnes

2,277
2
20
31

score 5 · Answer 3 · edited May 08 '12 at 15:52

5

This worked for me:

dijit.byId( 'myButton' ).destroy( true );

edited May 08 '12 at 15:52

Rob Hruska

118,520
32
167
192

answered May 08 '12 at 14:18

Kds

51
1
1

score 1 · Answer 4 · answered Aug 08 '15 at 15:27

I think you would be better off removing the id from your button and accessing it using an attach point. You would basically do <button dojoType="dijit.form.Button" data-dojo-attach-point="myButton">button</button>

then in your code you would access it like this.myButton.... however im not sure which version of dojo you are using. This will fix any id issues since dojo will assign a unique id to it automatically.

Dojo and unregistering widgets

4 Answers4

Linked