在图标周围的可单击区域中，LinkBut​​ton的行为有所不同（我认为这不是前端问题）

Question

我正在研究asp.net Webforms项目，并且在测试时我注意到LinkBut​​ton的行为是不同的，并导致不同的结果。 当我单击LinkBut​​ton但在图标区域之外时：会导致部分回发。 当我单击该图标时，将显示完整的回发...

我检查了错别字，但没有发现错别字 我试图将按钮放入更新面板中不起作用 我从同事那里寻求帮助，但没有走运 ScreenShot of the LinkButtons here

<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());
    }
 }

Answer 1

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

AutoPostBack="true"

并向UpdatePanel添加异步触发器

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