ASP.NET点击LinkButton后阻止页面刷新的解决方案咨询

你的问题核心在于<asp:LinkButton>的默认行为：它本质是生成一个绑定了ASP.NET回发脚本的链接，点击后会触发完整的页面回发（PostBack），所以哪怕后台注册了弹窗脚本，页面还是会因为回发完成而刷新。下面给你几个可行的解决方案，按推荐程度排序：

方案1：改用纯前端HTML元素（最推荐） #

既然你的需求只是打开带参数的弹窗，CCSEQID已经可以通过Eval直接获取，完全不需要和服务器交互，用普通HTML链接就能实现，彻底避免回发：

替换前端代码： #

<a href="javascript:void(0);" onclick="openEquipmentDetails('<%# Eval("CCSEQID") %>')">
    <%# Eval("CCSEQID") %>
</a>

添加前端脚本（放在页面<script>标签内）： #

function openEquipmentDetails(eqid) {
    const url = `MasterlistEquipmentDetails.aspx?eqid=${eqid}`;
    window.open(url, 'popup_window', 'width=1150,height=650,left=10,top=10,resizable=no');
}

点击时直接调用前端函数，不会触发任何服务器回发，页面自然不会刷新。

方案2：保留LinkButton但阻止回发 #

如果一定要保留<asp:LinkButton>控件，可以修改OnClientClick属性，执行弹窗逻辑后返回false，阻止默认回发行为：

修改LinkButton代码： #

<asp:LinkButton ID="btneqview" runat="server" Text='<%# Eval("CCSEQID")%>' 
    OnClientClick="openEquipmentDetails('<%# Eval("CCSEQID") %>'); return false;">
</asp:LinkButton>

同样添加方案1中的openEquipmentDetails前端函数 #

点击时会先执行弹窗逻辑，再通过return false阻断回发，页面不会刷新。同时你可以删除后台的btneqview_Command方法，因为已经不需要服务器端处理了。

方案3：使用UpdatePanel（仅需服务器端额外处理时） #

如果打开弹窗前需要执行服务器端操作，可通过UpdatePanel实现局部回发，避免整个页面刷新：

修改页面代码： #

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:LinkButton ID="btneqview" runat="server" Text='<%# Eval("CCSEQID")%>' 
            OnCommand="btneqview_Command" CommandArgument='<%# Eval("CCSEQID") %>'>
        </asp:LinkButton>
    </ContentTemplate>
</asp:UpdatePanel>

后台代码保持不变 #

点击时只会触发UpdatePanel内部的局部回发，页面整体不会刷新，后台的弹窗脚本依然生效。

内容的提问来源于stack exchange，提问作者N.I.A