在 GridView 的 SelectedIndexChanged 事件上使用客户端脚本

Question

这是背后的代码：

protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
{
    DetailsView1.Visible = true;
    string csName = "showDetails";
    StringBuilder sb = new StringBuilder();
    sb.Append("document.getElementById('div_detailsView').style.display = 'block';");
    sb.Append("document.getElementById('overlay').style.display = 'block';");
    if (!ClientScript.IsClientScriptBlockRegistered(csName))
    {
        ClientScript.RegisterClientScriptBlock(this.GetType(), csName, sb.ToString(), true);
    }
    Response.Write(GridView1.SelectedIndex + "<br>");
}

这是我的 aspx 页面的结构

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Summary.aspx.cs" Inherits="Summary" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server"></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <div>
         <!-- Grid View Control placed here -->
    </div>
    <div id="div_detailsView">
          <!-- Details View Control placed here -->
    </div>
    <div id="overlay"></div>
</asp:Content>

我的目的是创建类似 Lightbox/Graybox 的效果，其中我们将 DetailsView 控件放置在屏幕的中央框中，而背景呈灰色。我在这里尝试使用 css 方法，并且使用 js 代码应该非常少。

但由于某种原因，我不断收到 document.getElementByID("div_detailsView") is null 错误。我不知道为什么在这种情况下无法执行客户端脚本。有人可以帮我吗？谢谢。

Answer 1

有可能在页面完全加载之前调用脚本。尝试改用RegisterStartupScript。