Complex popups using jQuery

Question

I use jQuery to simulate a popup where the user selects a series of filters that I hope will use to retrain the ListView in the original window.

A popup window is opened with an ajax request, and the content is actually a different aspx file (the output is entered in a div that acts like a popup window).

I have another ListView in this popup menu and it has pagination.

My problem is that since the popup menu is the actual html content inside the div on the same page, when I try to paginate, the whole page is reversed and replaced with aspx, which has filters.

How can i fix this? I tried using the update panel to contain a ListView, but that did not work.

Answer 1

$ ("div.yourthingie") hide () ;.

It will hide the part you want to show :) Instead of generating a pop-up window on the fly, leave a small part already done and hide it at the beginning when you need to show, show and add the information you need for.

Hope this helps

Answer 2

Either get rid of the HTML “peel” and just create a <div> with its contents or use an IFRAME.

Answer 3

First, think about what is going on. When you submit the original page, you submit a “normal” request / response to receive the code. On the page is a jQuery AJAX bit that eliminates what is essentially a modal dialog. Desired effect: the user plays with a new page until he finds out his filters and sends back. The problem is that this “modal page” loses information when someone is paginated.

The solution to this is quite simple, theoretically. You must save the “filters” on the pop-up page so that they can be repeated, as well as pagination information. OR you must cache the result set while the user is paginated.

What would I do to solve this problem, create a static page that has "filters" on it, and work out AJAX breaks separately from returning the page to the parent page. After all the AJAX bits work correctly, I would then associate them with a pop-up program and make sure pagination is still not problematic. The final problem is to create a JavaScript routine that is sent back to the parent page and allows the parent page to send its jQuery bits back to the server.

I'm not sure about the HTML DIV part of the equation, and I think you can solve the problem without this solution. In fact, I believe that you can make a “modal pop-up window” page without calling AJAX, if you can either a) send filters for application via querystring, or b) fake the form on the second page. The query string is a simpler option, but it does provide some information. Faking the submit form is not that difficult, but can be problematic when popping up.

I just take off some ideas, but hope this is something for you.