Re-render BasicDialog with different content

[kalebwalton]

I may be missing something but it seems like the BasicDialog's constructor-style initialization is not very conducive to re-rendering with a different DOM source.

I'd like to pop up a BasicDialog with a loading indicator in the body area until an AJAX request returns a snipet of HTML to be used as the new contents of the BasicDialog (via DomTemplate). It looks like I'm going to have to recreate a portion of the BasicDialog constructor code to accomplish this.

Is there a better way?

[Domitian]

Couldn't you just reset the value of the innerHTML of the dialog box to the HTML you received after loading has complete. For example

getEl('dialog-center').dom.innerHTML = "text presented to user"

[kalebwalton]

That doesn't help with the header or footer. Also, I may want it to auto-tab the new content, etc.

I may put in a request that the various bits of logic are encapsulated within methods so they can be called individually. For example if there was:

render : function(el) {
  // Render the passed in el
}

We could easily re-render the existing BasicDialog with a different element without doing too much magic. It'd be nice to also be able to pass in a DomTemplate instead of an element.

[BernardChhun]

what I've been using for a while for the creation of dynamic BasicDialog is the autoCreate config parameter like so:

basicDialog = new YAHOO.ext.BasicDialog("", {
autoCreate:true, 
modal:true, 
width:600, height:300, 
shadow:true, resizable: false, 
proxyDrag: false, shim:true, title:'myTitle' });

using the reference to the BasicDialog you can get to the dynamically created body, header or footer like this:

getEl(basicDialog.body.id);
getEl(basicDialog.header.id);
getEl(basicDialog.footer.id);

to overwrite the body of the dynamic BasicDialog with a template just do so:

yourTemplate.overwrite(basicDialog.body.id);

[kalebwalton]

Thank you for the response but it's still doesn't quite hit the mark that I'm trying to hit.

I understand that I can hook in and directly manipulate the DOM but wouldn't it be nice if we could simply redraw the BasicDialog using the same exact logic that Jack does without having to copy/paste the logic ourselves or destroy/recreate the BasicDialog?

[kalebwalton]

I'd like to be able to do something like this:

var dlg = new BasicDialog('myEl', myCfg);
dlg.show();

then

dlg.redraw('myNewEl');

or

var tpl = new YAHOO.ext.Template('...some html...');
dlg.redraw(tpl);

[BernardChhun]

I'd like to be able to do something like this:

var dlg = new BasicDialog('myEl', myCfg);
dlg.show();

then

dlg.redraw('myNewEl');

or

var tpl = new YAHOO.ext.Template('...some html...');
dlg.redraw(tpl);

You'll have to get your hands dirty with code and extend the BasicDialog class then :wink: