由于WebForm_DoPostBackWithOptions，用户控件中的按钮单击事件未触发

Question

我们使用了用户控件图像按钮单击来生成Excel，并且我通过在aspx页面中注册该用户控件来使用它

<%@ Register Src="~/UserControls/PaginationControl.ascx" TagName="ucPagination" TagPrefix="UC" %>

我在某些页面的许多页面中使用此用户控件，其工作方式是在运行时为工作页面生成的按钮的HTML代码是

<input type="image" name="ctl00$MainContent$pagination1$ExcelBtn" id="MainContent_pagination1_ExcelBtn" 
title="Export To Excel" class="excel-ico" border="0" src="Images/excel.jpg" 
onclick="CallClickEventExcel();" 
style="height:16px;">

并且aspx页面中的编码是

<UC:ucPagination ID="pagination1" runat="server" UseSubmitBehavior="false" />

但是在我使用相同用户控件的页面之一中，运行时生成的HTML代码是

<input type="image" name="ctl00$MainContent$pagination1$ExcelBtn" 
id="MainContent_pagination1_ExcelBtn" title="Export To Excel" 
class="excel-ico" border="0" src="Images/excel.jpg" 
onclick="CallClickEventExcel();WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$MainContent$pagination1$ExcelBtn&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" 
style="height:16px;">

并且aspx页面中的编码是

<UC:ucPagination ID="pagination1" runat="server" UseSubmitBehavior="false" />

如您所见， WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$MainContent$pagination1$ExcelBtn", "", true, "", "", false, false))在运行时生成的代码中额外添加了。

我已经坚持了好几个小时，好心人给我解决方案。

Answer 1

我曾使用以下代码解决错误

  $(document).ready(function () {
            $(".Validators").Float();
            document.getElementById("MainContent_pagination1_ExcelBtn").onclick = function () { CallClickEventExcel(); };
            document.getElementById("MainContent_pagination2_ExcelBtn").onclick = function () { CallClickEventExcel(); };
        });