时间戳

首页 > 解决方案 > LinkBut​​tons 在图标周围的可点击区域表现不同（我不认为这是前端问题）

c# - LinkBut​​tons 在图标周围的可点击区域表现不同（我不认为这是前端问题）

问题描述

我正在研究 asp.net webforms 项目，在测试时我注意到 LinkBut​​ton 的行为不同并导致不同的结果。当我单击 LinkBut​​ton 但在图标区域之外时：它会导致部分回发。当我点击图标时，它会产生一个完整的回发...

我检查了拼写错误，但没有找到我试图将按钮放在更新面板中不起作用我寻求同事的帮助，但不是运气 这里LinkBut​​tons 的屏幕截图

<asp:LinkButton
 ID="PreviewReportBtn"
 OnClick="PreviewReport_Click"
 runat="server"                                                    
 Style="margin: 5%;"
 CssClass="button w-100">
 <i class="fa fa-eye"></i>
</asp:LinkButton>

以及代码隐藏背后的代码

protected void PreviewReport_Click(object sender, EventArgs e)
{
    string pathToFiles = Server.MapPath(string.Format("~/Project/Reports/"));
    if( File.Exists(pathToFiles) )
    {
        string path = 
        Page.ResolveClientUrl("~/Pages/Configuration/ShowReport.aspx);
        Response.Write("<script>window.open ('"+path+"','_blank');</script>");
    }
    else
    {
        Alert.Showalert(this," Report File NOT FOUND", new Danger());
    }
 }

标签： c#asp.netwebformsasplinkbutton

解决方案

我通过添加到 LinkBut​​ton 解决了这个问题

AutoPostBack="true"

并向 UpdatePanel 添加异步触发器

 <asp:AsyncPostBackTrigger ControlID="PreviewReportBtn" EventName="Click" />

推荐阅读