jQuery Forum

I'm developing a mobile web app for a website. The page basically has some search fields and when clicked displays search results in a updatepanel with a link to detail page for the listing.

I'm using jQuery Mobile in such a way that when user clicks search, search results are displayed in another page using multiple page template way of jQuery and with a link to detail page. Everything runs fine till here but once, I try to get back to search results from a back button, my results are lost (As there in a update panel) and displays a blank page. Any ideas how to proceed from here?

Here is how I constructed my page:

SearchPage

<div data-role="page" id="searchtools">

<div data-role="content">

//

// Form elements (Textbox, some radio buttons etc.,)

<a href="#searchresults" data-role="button" data-theme="b">Search</a>

</div></div>

<ul data-role="listview" data-inset="true">

<li> <a href="/Detailpage.aspx" data-role="button"></a></li>

</ul>

</div></div>

DetailPage

<div data-role="page" id="detailinfo">

<div data-role="content">

<asp:LinkButton ID ="bcksearch" runat="server" data-role="button" data-theme="b" Text="Back to search results" data-rel="back" data-icon="back" ></asp:LinkButton>

</div></div>

Thank you !!

I'm developing a mobile web app for a website. The page basically has some search fields and when clicked displays search results in a updatepanel with a link to detail page for the listing.

I'm using jQuery Mobile in such a way that when user clicks search, search results are displayed in another page using multiple page template way of jQuery and with a link to detail page. Everything runs fine till here but once, I try to get back to search results from a back button, my results are lost (As there in a update panel) and displays a blank page. Any ideas how to proceed from here?

Here is how I constructed my page:

SearchPage

<div data-role="page" id="searchtools">

<div data-role="content">

//

// Form elements (Textbox, some radio buttons etc.,)

<a href="#searchresults" data-role="button" data-theme="b">Search</a>

</div></div>

<ul data-role="listview" data-inset="true">

<li> <a href="/Detailpage.aspx" data-role="button"></a></li>

</ul>

</div></div>

DetailPage

<div data-role="page" id="detailinfo">

<div data-role="content">

<asp:LinkButton ID ="bcksearch" runat="server" data-role="button" data-theme="b" Text="Back to search results" data-rel="back" data-icon="back" ></asp:LinkButton>

</div></div>

Thank you !!

I'm developing a mobile web app for a website. The page basically has some search fields and when clicked displays search results in a updatepanel with a link to detail page for the listing.

I'm using jQuery Mobile in such a way that when user clicks search, search results are displayed in another page using multiple page template way of jQuery and with a link to detail page. Everything runs fine till here but once, I try to get back to search results from a back button, my results are lost (As there in a update panel) and displays a blank page. Any ideas how to proceed from here?

Here is how I constructed my page:

SearchPage

<div data-role="page" id="searchtools">

<div data-role="content">

//

// Form elements (Textbox, some radio buttons etc.,)

<a href="#searchresults" data-role="button" data-theme="b">Search</a>

</div></div>

<ul data-role="listview" data-inset="true">

<li> <a href="/Detailpage.aspx" data-role="button"></a></li>

</ul>

</div></div>

DetailPage

<div data-role="page" id="detailinfo">

<div data-role="content">

<asp:LinkButton ID ="bcksearch" runat="server" data-role="button" data-theme="b" Text="Back to search results" data-rel="back" data-icon="back" ></asp:LinkButton>

</div></div>

Thank you !!

I'm pretty new with jQuery Mobile. I been working on a mobile web app where a user can enter in search fields(got few textboxes, radiobuttons, checkboxes) and then click search. In my desktop version of it, I present the results in the same page using ASP.NET Ajax. But, with the new mobile web app, I'm trying to redirect them to a searchresults page.

This is what I got at this point  (I cropped the code for the better understanding)

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="Body2">

//update panel with search results

</div></div>

</asp:Content>

Now, when I click on search button, I'm not able to navigate to searchresults page. Where am I going wrong?? Can someone point me in right direction here?

I'm pretty new with jQuery Mobile. I been working on a mobile web app where a user can enter in search fields(got few textboxes, radiobuttons, checkboxes) and then click search. In my desktop version of it, I present the results in the same page using ASP.NET Ajax. But, with the new mobile web app, I'm trying to redirect them to a searchresults page.

This is what I got at this point  (I cropped the code for the better understanding)

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="Body2">

//update panel with search results

</div></div>

</asp:Content>

Now, when I click on search button, I'm not able to navigate to searchresults page. Where am I going wrong?? Can someone point me in right direction here?