Problem: Html Page loading in Tab

[saravanan.sbm]

Hi all

Am new to Extjs. I used this example,

http://extjs.com/learn/Tutorial:TabPanel_Basics

to create tab and load pages in tab.

But the pages are not loaded in tab. It keep on showing the load symbol. I dont know the problem? (for page loading)

Saravanan

[mankz]

Sounds like the load fails, check out the response in FireBug. Ext won't automatically show "loading failed" or so...

[saravanan.sbm]

Hi
this is the error caught while creating tab in center panel. It is creating tab but not
loading the html content in it.


uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI)
file:/adapter/ext/ext-base.js
Line 9


Can U help me out this.

Saravanan

[mankz]

Sounds like you're trying to access a URL from a different domain, what's the URL?

[saravanan.sbm]

NO, Only simple html page(sample.html) which contains text.

Other html page which contains forms created using extjs


saravanan

[mankz]

Ok, post your code, in CODE tags

[saravanan.sbm]

Code tag means?


My html page code....

<div id="west">
<div id="file-manager">

<ul id="actions">
<li>
<a id="link0" href="#" link="sample0.html">Link1</a>
</li>
<!--<li>
<a id="link1" href="#" link="sample1.html">Link 2</a>
</li>-->
</ul>

</div>



js code


function addTab(tabId, tabTitle, targetUrl) {
tabPanel.add({
title: tabTitle,

id: tabId,
autoLoad: {url: 'targetUrl', scope: this,scripts:true, text: "loading ..."},


}},
closable:true
}).show();
}

// Update the contents of a tab if it exists, otherwise create a new one
function updateTab(tabId, title, url) {
var tab = tabPanel.getItem(tabId);
if (tab) {
tab.getUpdater().update(url);
tab.setTitle(title);
} else {
tab = addTab(tabId, title, url);
}
alert(url);

tabPanel.setActiveTab(tab);
}





function doAction(e, t){
e.stopEvent();
updateTab(t.id, t.text, t.attributes['link'].nodeValue);
}

// This must come after the viewport setup, so the body has been initialized
mainMenuPanel.body.on('mousedown', doAction, null, { delegate:'a' });
adminMenuPanel.body.on('mousedown', doAction, null, { delegate:'a' });


saravanan

[mankz]

Look here, then reformat your previous post:

http://extjs.com/forum/misc.php?do=bbcode

[saravanan.sbm]

What is the problem for that. In downloaded examples also it is not loading the html pages



Saravanan

[saravanan.sbm]

This is the link i refer to code. Even this code also doesnt load html page.(Just copy & paste). But creating panel and tabs.

http://extjs.com/learn/Tutorial:TabPanel_Basics


I have used this code to create panel and links

It is creating tab panel but not loading the html page

Saravanan