[CLOSED] How to load a page inside a panel using code behind and javascript function?

[flormariafr]

Hi,

Cuould you please give me an example about how to load a page inside a panel using code behind and javascript function?

Thanks,

[Vladimir]

Hi,

See
https://examples1.ext.net/#/Panel/Basic/AutoLoad/
https://examples1.ext.net/#/Panel/Ba...erred_Loading/

[flormariafr]

Hi,

I used the following code to load a page by code behind and it worked fine, but I got an error when I try to the same in a Javascript function.

I am attaching a screen with the error.

<script runat="server">



// This code works fine

protected void Page_Load(object sender, EventArgs e)


{


if (!X.IsAjaxRequest)


{


PanelContent.AutoLoad.Url = this.ResolveUrl(@"~\ManagePortal.aspx");


PanelContent.AutoLoad.Mode = LoadMode.IFrame;


PanelContent.AutoLoad.NoCache = true;


PanelContent.LoadContent(); 


}


}





</script>






// I got the error here

<script type="text/javascript">


var loadPage = function()


{


PanelContent.AutoLoad.Url = 'ManagePortal.aspx';


PanelContent.AutoLoad.Mode = LoadMode.IFrame;


PanelContent.AutoLoad.NoCache = true;


PanelContent.LoadContent(); 


}


</script>

[geoffrey.mcgill]

I used the following code to load a page by code behind and it worked fine, but I got an error when I try to the same in a Javascript function.

Please see http://forums.ext.net/showthread.php?postid=28083.aspx

[flormariafr]

Hi,

The problem that I have it is that I am using relative path and it seems that the page it is not founded.

Is it the following code right to load the page from the current directory in Javascript or do I have to do something else?

<script type="text/javascript">
    var loadPage = function()
    {
        PanelContent.load('~/ManagePortal.aspx');
    }
</script>

[geoffrey.mcgill]

The Tilde (~) is only used server-side by the asp.net framework to resolve urls to the "Application Root". On the client, you'll have to use an "Absolute Path", or "Relative Path" to the file.

If you remove the "~", does the page load?

[flormariafr]

Not it does not load even if a remove "~"

[geoffrey.mcgill]

flormariafr (2/24/2010)Not it does not load even if a remove "~"

It is not loading because you do not have the correct path to the file. If removing the '~' did not solve the problem, then you'll have to revise to the correct path.

[flormariafr]

If I use the following code when the page is loaded it works fine:

<script runat="server">


protected void Page_Load(object sender, EventArgs e)


{


if (!X.IsAjaxRequest)


{



 


PanelContent.AutoLoad.Url = this.ResolveUrl(@"~\ManagePortal.aspx");


PanelContent.AutoLoad.Mode = Ext.Net.LoadMode.IFrame;


PanelContent.AutoLoad.NoCache = true;


PanelContent.LoadContent();


}


}





</script>

[geoffrey.mcgill]

flormariafr (2/24/2010)If I use the following code when the page is loaded it works fine:

Thanks for the update. I'm happy to hear your sample is now working.