How to invoke PageMethods in MasterPage
I have a web project, in the project, there is a MasterPage and some WebContentPages.
In the MasterPage, there is a function, when you click a button, show or hide the left content.When you refresh or navigate other WebContentPage, the left content keeps its display style.
Here is my first solution:
MasterPage.Master:
<div id="left" style='<%=string.Format("display:{0}",GetToolbarDisplayFlag())%>'>
</div>
<div id="buttons_left">
</div>
Remember to set the EnablePageMethods = "True"
MasterPage.Master.CS:
public string GetToolbarDisplayFlag()
return HttpContext.Current.Session["ToolbarDisplay"] == null ? "block" : HttpContext.Current.Session["ToolbarDisplay"].ToString();
}
public string GetImgSrc()
{
return "../App_Themes/images/s_left.gif";
}
[WebMethod]
}
JS:
function switchView(objname,current)
if(obj.style.display=="block" || obj.style.display=="")
current.src ='../App_Themes/images/s_right.gif';
current.src ='../App_Themes/images/s_left.gif';
}
function OnSucceeded(result, userContext, methodName)
{
return;
{
if (typeof(Sys) !== "undefined") Sys.Application.notifyScriptLoaded();
When you click the button, it will cause exception: PageMethods not defined.
This is because the method "SetToolbarDisplayFlag" Js invoke is in MasterPage, it seems PageMethods donot contain MasterPage methods.
So, my solution is move the method "SetToolbarDisplayFlag" from MasterPage to a base page called "PageBase" which inherited from System.Web.UI.Page, and each WebContentPage derived from PageBase.
PageBase.cs:
public class PageBase : Page
{
}
}
Now, you can invoke methods in MasterPage.