Question

I have web forms page that has 2 controls. A gridview and an associated listview.

When i select the record in gridview the page posts back and i see the details of the gridline in listview which is located below the grid.

Now i want to transfer the listview to a jquery dialog control.

I have tried to find a solid way to do it but i am confused. the moment the dialog appears its closed , apparently because the postbaxk occurs in order for the detailsview to load..

Any suggestions?

Should i have to drop listview in a separate page and then call the page from the grid inside a jquery dialog? (how?)

Is there a way to call the listview and show it in a dialog box instead of showing it below the gris?

Thanks

Update1: Tried some things. Created a hidden field which i update based on the clicks from the controls. If the value of the field falls in a value that i define then i load the dialog on page_load , if not then it doesnt show. this works , but i am having problem with the edit/insert in the listview in the dialog…seems that it doesnt work…

Answer 1

Since a postback is required after you load the details in the listview, you need to spit out javascript code during the postback that will put the listview into a jquery dialog.

One way is this:

<div id="dialogHolder"><!-- this is just a div enclosing the listview -->
    <asp:listview runat="server"...
</div>

Now, when you do the postback to populate the listview with the details, do this:

private void populateListView()//
{
     //code to populate listview above
     Page.ClientScript.RegisterStartupScript(this.GetType(),"dialogscript","$('#dialogHolder').dialog('open');",true);       
}