dojo dialog - check to see it is loaded

Question

I am running a function that needs to close a dojo dialog if it is loaded. How do I check if a dojo dialog is running? Do I use pure javascript and check by id if it is undefined?

if (dijit.byId("blah") !== undefined) { destroyRecursive dijit; }

Or do i use a property of the dialog object like isFocusable method isLoaded property

Answer 1

Do you want to hide it or destroy it?

If you just want to show/hide it you can do the following:

var dialog = dijit.byId('blah');
if (dialog) {
  if (dialog.open) {
    dialog.hide();
  }
  else {
     dialog.show();
  }
}

If you wanted to destory it to free up memory:

var dialog = dijit.byId('blah');
dialog.destory();

I think destroy is recursive since it calls its parent destroy method and one of its parents is dijit.layout.ContentPane.

Answer 2

Dialog provides two properties you might want to check: isLoaded and open. By digging the code you'll find the following descriptions:

• open: True if Dialog is currently displayed on screen.
• isLoaded: True if the ContentPane has data in it, either specified during initialization (via href or inline content), or set via attr('content', ...) / attr('href', ...) False if it doesn't have any content, or if ContentPane is still in the process of downloading href.

So, you could just:

var dialog = dijit.byId("blah");
if( dialog.open ) {
    dialog.destroy();
}