BasicDialog autoCreate - Ext JS

#2 03-09-2007, 02:13 AM

If you have existing content, don't use autoCreate.

Try

[code]
...
var myDlg = new Ext.BasicDialog("my-dialog", {...});
</script>
</head>
<body>
<div id="my-dialog">
<div id="my-dialog-body">
Content...
</div>
</div>
[/cide]

#3 03-09-2007, 08:42 PM

so what is autoCreate used for then?

how do you add body content to a dialog that has been autoCreate'd?

#4 03-09-2007, 09:16 PM

With autoCreate, Ext will generate the needed markup for you. You can always get a reference to the body's dom node and write whatever you want into its innerHTML, the same as if you had static content already there at design time.

#5 03-09-2007, 11:32 PM

Its getting a reference to the body's dom node part that I dont understand...

If I use "autoCreate: true" in the dialog config, then it creates a dialog body with a random id (ie: ext-gen8), so how do I get that dom node id?

#6 03-10-2007, 12:23 AM

Sometimes reading the docs helps, even in alpha stage

See the first item in the public properties list of the BasicDialog docs.

#7 03-10-2007, 08:19 AM

Quote:

Originally Posted by VinylFox

Its getting a reference to the body's dom node part that I dont understand...

If I use "autoCreate: true" in the dialog config, then it creates a dialog body with a random id (ie: ext-gen8), so how do I get that dom node id?

yourDialog.body.id

:wink:

#8 03-10-2007, 09:40 AM

haha....its the very first one....sometimes i just wish i could kick myself

I sware I really did read the docs, I dont know how I managed to miss that.

#9 03-10-2007, 10:05 AM

So it seems like the answer to INeedADip's questions would be to do something like this...

	dialog = new Ext.BasicDialog("my-dialog", { 
       ...
       autoCreate: true,
       ...
});
	
document.getElementById(dialog.body.id).innerHTML = document.getElementById('my-div').innerHTML;

then your div with content in your html would be displayed in the popup...

	<body>
		<div id="my-div">Content...</div>
	</body>

#10 03-10-2007, 10:23 AM

Carefull just copying the innerHTML from one DIV to another...especially if there are named fields or objects.