GridView自定义按钮需求：点击在新标签页打开并携带客户ID

当然没问题！这在ASP.NET Web Forms里是很常见的需求，我给你两种实用的实现方式，你可以根据自己的场景选择：

方法一：使用HyperLink控件（最直接） #

这种方式不需要额外脚本，HyperLink本身支持设置打开目标，非常适合单纯的跳转需求：

<asp:GridView ID="GridViewCustomers" runat="server" AutoGenerateColumns="False">
    <Columns>
        <!-- 你的现有列，比如客户名称、邮箱等 -->
        <asp:BoundField DataField="CustomerName" HeaderText="客户名称" />
        <asp:BoundField DataField="CustomerEmail" HeaderText="联系邮箱" />
        
        <!-- 自定义操作列 -->
        <asp:TemplateField HeaderText="操作">
            <ItemTemplate>
                <asp:HyperLink ID="hlViewCustomer" runat="server" 
                    Text="查看详情" 
                    Target="_blank" <!-- 关键：设置在新标签页打开 -->
                    NavigateUrl='<%# "CustomerDetails.aspx?CustomerID=" + Eval("CustomerID") %>'>
                </asp:HyperLink>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

说明： #

• Eval("CustomerID")会绑定当前行的客户ID字段，确保你的数据源里包含这个字段
• Target="_blank"是实现新标签页打开的核心属性
• 在目标页面CustomerDetails.aspx中，你可以用Request.QueryString["CustomerID"]来获取传递的ID值

方法二：使用Button控件（适合需要客户端逻辑的场景） #

如果需要在跳转前做一些客户端验证或者自定义逻辑，可以用Button控件结合JavaScript实现：

<asp:GridView ID="GridViewCustomers" runat="server" AutoGenerateColumns="False">
    <Columns>
        <!-- 现有列 -->
        <asp:BoundField DataField="CustomerName" HeaderText="客户名称" />
        
        <!-- 自定义按钮列 -->
        <asp:TemplateField HeaderText="操作">
            <ItemTemplate>
                <asp:Button ID="btnViewCustomer" runat="server" 
                    Text="查看详情" 
                    OnClientClick='<%# "window.open(\"CustomerDetails.aspx?CustomerID=" + Eval("CustomerID") + "\", \"_blank\"); return false;" %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

关键注意点： #

• window.open()是JavaScript打开新标签页的方法，第二个参数"_blank"指定在新标签页打开
• 必须加上return false;，否则按钮会触发页面回发，可能导致跳转行为异常

补充：后台处理后跳转的场景 #

如果需要先在后台处理一些业务逻辑再跳转，后台无法直接打开新标签页，但可以通过注册客户端脚本来实现：

比如在Button的OnClick事件中：

protected void btnViewCustomer_Click(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    GridViewRow row = (GridViewRow)btn.NamingContainer;
    string customerId = GridViewCustomers.DataKeys[row.RowIndex]["CustomerID"].ToString();
    
    // 这里添加你的后台业务逻辑
    
    // 注册脚本打开新标签页
    ClientScript.RegisterStartupScript(this.GetType(), "OpenCustomerDetails", 
        $"window.open('CustomerDetails.aspx?CustomerID={customerId}');", true);
}

这种方式需要把Button的OnClientClick去掉，换成OnClick绑定后台事件。

内容的提问来源于stack exchange，提问作者Kerem Yılmaz