TabPanel calling Ajax page (html), with GridPanel inside page

[yajetechnologies]

Im trying to call a separate PAGE using TabPanel's autoLoad. Inside that page
I have added the base and library and other necessary stuff to run on its own.
In that page also, there is a GridPanel that would display some rows of data.
The error is that when tabPanel opens it, no GridPanel is there?? Hola...

Is there a way to like set the item of tabPanel to be independent Iframe like?...

I know about remoteLoad application stuff, but i wanted to have simple on-the-fly
tab with a grid on it....

FYI, when i attached the grid in the parent's js and add the var containing GridPanel,
and added it to item for the tabPanel, it worked. But of course, this does not solve the problem.

Help pls... \(*.*)/
Lib: Ext.3.0

[yajetechnologies]

Reading from DebNull's post http://www.sencha.com/forum/member.php?6744-devnull
where he said that the doc has already been loaded. So I removed the base.js and library.js
on the external page's code.... Then i moved the external page's js below the markup....
Then I added scripts:true to the autoLoad prop.

Now I got this...

autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1', scripts: true }

The GridPanel on the external's page now works, INSIDE the tabPanel...

A pat in the back for myself!!!

[hamizah]

can you give an example code.