Automatically close JqueryDialog

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"  
    onselectedindexchanged="GridView1_SelectedIndexChanged" 
    onselectedindexchanging="GridView1_SelectedIndexChanging">
    <Columns>
        <asp:CommandField HeaderText="Show" SelectText="ShowMessage" 
            ShowSelectButton="True" />
    </Columns>
 </asp:GridView>

<div id="content"&开发者_运维百科gt;<div>

protected void GridView1_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)
{   
        string html = "";
        for (int i = 0; i < GridView1.Rows.Count; i++)
        {
            html += "<div style='display:none' id='" + i + "'>" + GridView1.Rows[i].Cells[3].Text + "</div>";
            GridView1.Rows[i].Cells[0].Attributes.Add("onclick", "$('#" + i + "').dialog()");
        }
        content.InnerHtml = html;  
}

show dialog onclick cells[0] and automatically close dialog? why?

My WebForms is somewhat rusty but if that GridView1_SelectedIndexChanging is going to be called each time you change to another row the code will be recreating the dialog bit each time. That could be why it disappears.

Whenever you're selecting another row in your grid, the GridView1_SelectedIndexChanging event on server needs to be fired, for that a complete PostBack needs to occur in order to get the changed data.

Whenever, a PostBack occurs, all your things done using JavaScript are gone and need to be initialize once again when the page is loaded again.

Consider a PostBack like a new page request to the server.

You may consider using ASP.NET AJAX and put your DataGrid in an UpdatePanel to avoid full page PostBack but only the DataGrid section.