{"id":103,"date":"2014-05-09T05:59:00","date_gmt":"2014-05-09T04:59:00","guid":{"rendered":"https:\/\/debuggersspace.com\/index.php\/2014\/05\/09\/what-is-the-cross-page-post-backing\/"},"modified":"2014-05-09T05:59:00","modified_gmt":"2014-05-09T04:59:00","slug":"what-is-the-cross-page-post-backing","status":"publish","type":"post","link":"https:\/\/debuggersspace.com\/index.php\/2014\/05\/09\/what-is-the-cross-page-post-backing\/","title":{"rendered":"What is the cross page post backing?"},"content":{"rendered":"
\n
\n \t<\/i> Read Time:<\/span>5 Minute, 30 Second <\/div>\n\n <\/div>
\n
\nAsp.Net 2.0 fixed this with built-in features that allowed us to easily send information from one page to another.<\/span><\/p>\n

Button control has property <\/span>PostBackUrl <\/b>that can be set to URL of any page in our ASP.Net WebSite where we want to transfer all form values to.<\/span>
Along with that Asp.Net 2.0 <\/span>Page <\/b>class has a property <\/span>PreviousPage <\/b>that allows us to get reference to the Page object that initiated the postback (in other words to get the actual reference to the Page object of the aspx page on which user clicked the Submit button on a HTML form).<\/span><\/p>\n

So for<\/span> example<\/b> lets create two sample pages in our Web Application:  <\/span><\/span><\/span><\/div>\n

    \n
  • SourcePage.aspx<\/span><\/span><\/li>\n
  • DestinationPage.aspx<\/span><\/span><\/li>\n<\/ul>\n
    \nIn SoucePage in Html form we will put two TextBox controls (one for First Name and one for Last Name) and one Button component  and set its PostBackUrl property to “~\/DestinationPage.aspx”.<\/p>\n

    SourcePage.aspx:<\/span><\/span><\/div>\n

    \n    <<\/span>form<\/span> <\/span>id<\/span>=<\/span>“<\/span>form1<\/span>“<\/span> <\/span>runat<\/span>=<\/span>“<\/span>server<\/span>“<\/span>><\/span><\/span><\/span><\/div>\n
    \n        <<\/span>div<\/span>><\/span><\/span><\/span><\/div>\n
    \n            First Name:<\/span>&nbsp;<\/span><<\/span>asp:TextBox<\/span> <\/span>ID<\/span>=<\/span>“<\/span>FirstName<\/span>“<\/span> <\/span>runat<\/span>=<\/span>“<\/span>server<\/span>“<\/span>><\/<\/span>asp:TextBox<\/span>><<\/span>br<\/span> \/><\/span><\/span><\/span><\/div>\n
    \n            Last Name:<\/span>&nbsp;<\/span><<\/span>asp:TextBox<\/span> <\/span>ID<\/span>=<\/span>“<\/span>LastName<\/span>“<\/span> <\/span>runat<\/span>=<\/span>“<\/span>server<\/span>“<\/span>><\/<\/span>asp:TextBox<\/span>><<\/span>br<\/span> \/><<\/span>br<\/span> \/><\/span><\/span><\/span><\/div>\n
    \n            <<\/span>asp:Button<\/span> <\/span>ID<\/span>=<\/span>“<\/span>Button1<\/span>“<\/span> <\/span>runat<\/span>=<\/span>“<\/span>server<\/span>“<\/span> <\/span>Text<\/span>=<\/span>“<\/span>Submit To Destination Page<\/span>“<\/span><\/span>PostBackUrl<\/span>=<\/span>“<\/span>~\/CrossPagePostbacks\/DestinationPage.aspx<\/span>“<\/span> \/><\/span><\/span><\/span><\/div>\n
    \n        <\/<\/span>div<\/span>><\/span><\/span><\/span><\/div>\n
    \n    <\/<\/span>form<\/span>><\/span><\/span><\/span><\/div>\n
    \n
    When our user clicks the Submit button, all the values from the HTML Form on SourcePage.aspx will be transfered to the DestinationPage.aspx and we will also be able to get reference to the SourcePage.aspx in our DestinationPage with the PreviousPage <\/b>property like this:<\/p>\n

    So in our DestinationPage.aspx.cs code-behind we can easily access two TextBox controls on SourcePage.aspx and show them in two label controls like this:<\/span><\/span><\/div>\n

    \n    <\/span>protected<\/span> <\/span>void<\/span> Page_Load(<\/span>object<\/span> sender, <\/span>EventArgs<\/span> e)<\/span><\/span><\/span><\/div>\n
    \n    {<\/span><\/span><\/span><\/div>\n
    \n        <\/span>\/\/ first check if we had a cross page postback<\/span><\/span><\/span><\/div>\n
    \n        <\/span>if<\/span> ( (PreviousPage != <\/span>null<\/span>) && (PreviousPage.IsCrossPagePostBack) )<\/span><\/span><\/span><\/div>\n
    \n        {<\/span><\/span><\/span><\/div>\n
    \n            <\/span>Page<\/span> previousPage = PreviousPage;<\/span><\/span><\/span><\/div>\n
    \n            <\/span>TextBox<\/span> firstName = (<\/span>TextBox<\/span>)previousPage.FindControl(<\/span>“FirstName”<\/span>);<\/span><\/span><\/span><\/div>\n
    \n            <\/span>TextBox<\/span> lastName = (<\/span>TextBox<\/span>)previousPage.FindControl(<\/span>“LastName”<\/span>);<\/span><\/span><\/span><\/div>\n
    \n            <\/span>\/\/ we can now use the values from TextBoxes and display them in two Label controls..<\/span><\/span><\/span><\/div>\n
    \n            labelFirstName.Text = firstName.Text;<\/span><\/span><\/span><\/div>\n
    \n            labelLastName.Text = lastName.Text;<\/span><\/span><\/span><\/div>\n
    \n         }<\/span><\/span><\/span><\/div>\n
    \n    }<\/span><\/span><\/span><\/div>\n
    \n
    You probably noticed that we first checked if PreviousPage <\/b>property of current page (DestinationPage.aspx) is NOT NULL<\/b>, this is done to avoid running our code in case that user opens our DestinationPage.aspx directly, without running a cross page postback.<\/p>\n

    Also here we checked the another PreviousPage property called IsCrossPagePostBack<\/b> to see if we really had a CrossPagePostback.
    (If Server.Transfer is used to redirect to this page, IsCrossPagePostBack<\/b> property will be set to FALSE.<\/p>\n

    TIP:<\/span> We can be completely sure that we have a  real CrossPagePostback ONLY IF:<\/span><\/span><\/div>\n

      \n
    1. Page.PreviousPage <\/span><\/b>is NOT NULL<\/b>,<\/span><\/span><\/li>\n
    2. PreviousPage.IsCrossPagePostback <\/span><\/b>is true<\/b><\/span><\/span><\/li>\n<\/ol>\n
      \nThis important to check to avoid errors in code.<\/span><\/span><\/div>\n
      \n
      Finding the controls on PreviousPage with FindControl method and type-casting them from object <\/b>to their real type <\/b>is a little messy.
      It feels like there must be a better solution for this!<\/p>\n

      And here it is: We can use the <%@ PreviousPageType %><\/b> directive in the header of our DestinationPage.aspx like this<\/span><\/span><\/div>\n

      \n    <<\/span>%<\/span>@<\/span> <\/span>PreviousPageType<\/span> <\/span>VirtualPath<\/span>=<\/span>“<\/span>~\/SourcePage.aspx<\/span>“<\/span> <\/span>%<\/span>><\/span><\/span><\/span><\/div>\n
      \n
      <\/span><\/div>\n
      \nto declare our previous page type, and then we can access Public properties of the PreviousPage without typecasting.
      Now all we need to do is to create some public properties on our SourcePage.aspx.cs to expose data\/Controls we want to the destionation page:<\/span><\/span><\/div>\n
      \n    <\/span>public<\/span> <\/span>partial<\/span> <\/span>class<\/span> <\/span>SourcePage<\/span> : System.Web.UI.<\/span>Page<\/span><\/span><\/span><\/div>\n
      \n    {<\/span><\/span><\/span><\/div>\n
      \n        <\/span>public<\/span> <\/span>string<\/span> FormFirstName<\/span><\/span><\/span><\/div>\n
      \n        {<\/span><\/span><\/span><\/div>\n
      \n            <\/span>get<\/span> { <\/span>return<\/span> FirstName.Text; }<\/span><\/span><\/span><\/div>\n
      \n        }<\/span><\/span><\/span><\/div>\n
      \n
      <\/span><\/div>\n
      \n        <\/span>public<\/span> <\/span>string<\/span> FormLastName<\/span><\/span><\/span><\/div>\n
      \n        {<\/span><\/span><\/span><\/div>\n
      \n            <\/span>get<\/span> { <\/span>return<\/span> LastName.Text; }<\/span><\/span><\/span><\/div>\n
      \n        }<\/span><\/span><\/span><\/div>\n
      \n    }<\/span><\/span><\/span><\/div>\n
      \n
      And then we can change the Page_Load code in our DestinationPage.aspx to much cleaner code like this:<\/span><\/span><\/div>\n
      \n    <\/span>protected<\/span> <\/span>void<\/span> Page_Load(<\/span>object<\/span> sender, <\/span>EventArgs<\/span> e)<\/span><\/span><\/span><\/div>\n
      \n    {<\/span><\/span><\/span><\/div>\n
      \n        <\/span>\/\/ first check if we had a cross page postback<\/span><\/span><\/span><\/div>\n
      \n        <\/span>if<\/span> ( (PreviousPage != <\/span>null<\/span>) && (PreviousPage.IsCrossPagePostBack) )<\/span><\/span><\/span><\/div>\n
      \n        {<\/span><\/span><\/span><\/div>\n
      \n            <\/span>SourcePage<\/span> prevPage = PreviousPage;<\/span><\/span><\/span><\/div>\n
      \n
      <\/span><\/div>\n
      \n            <\/span>\/\/ we can now use the values from textboxes and display them in two Label controls..<\/span><\/span><\/span><\/div>\n
      \n            labelFirstName.Text = prevPage.FormFirstName;<\/span><\/span><\/span><\/div>\n
      \n            labelLastName.Text = prevPage.FormLastName;     <\/span><\/span><\/span><\/div>\n
      \n        }<\/span><\/span><\/span><\/div>\n
      \n    }<\/span><\/span><\/span><\/div>\n
      \n
      SourcePage<\/b> type used in the code is offcourse name of the partial class defined is SourcePage.aspx.cs that inherits System.Web.UI.Page<\/span><\/b> that is automatically created for us when we created new WebForm in VisualStudio.<\/p>\n

      This code is much cleaner and easier to follow, there is no ugly typecasting, just simple property values to use to retrieve the data from previous page.<\/span><\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

      Asp.Net 2.0 fixed this with built-in features that allowed us to easily send information from one page to another. Button control has property PostBackUrl that can be set to URL of any page in our ASP.Net WebSite where we want to transfer all form values to.Along with that Asp.Net 2.0 Page class has a property PreviousPage that allows us to get […]<\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[23],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-asp-net"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Himanshu Namdeo","author_link":"https:\/\/debuggersspace.com\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Asp.Net 2.0 fixed this with built-in features that allowed us to easily send information from one page to another. Button control has property PostBackUrl that can be set to URL of any page in our ASP.Net WebSite where we want to transfer all form values to.Along with that Asp.Net 2.0 Page class has a property PreviousPage that allows us to get…","_links":{"self":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts\/103"}],"collection":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":0,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"wp:attachment":[{"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/debuggersspace.com\/index.php\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}