Ron*_*rby 1 .net javascript c# asp.net postback
我有一个简单的用户控件与此代码:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Pager.ascx.cs" Inherits="Pager" %>
<table style="width: 100%;">
<tr>
<td runat="server" id="PageControls">
<!-- This button has the problem: -->
<asp:Button ID="btnPrevPage" runat="server" Text="←" OnClick="btnPrevPage_Click" />
Page
<asp:DropDownList runat="server" ID="ddlPage" AutoPostBack="true" OnSelectedIndexChanged="ddlPage_SelectedIndexChanged" />
of
<asp:Label ID="lblTotalPages" runat="server" />
<!-- This button has the problem: -->
<asp:Button ID="btnNextPage" runat="server" Text="→" OnClick="btnNextPage_Click" />
</td>
<td align="right" runat="server" id="itemsPerPageControls">
<asp:Literal ID="perPageText1" runat="server" />
<asp:DropDownList ID="ddlItemsPerPage" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlItemsPerPage_SelectedIndexChanged" />
<asp:Literal ID="perPageText2" runat="server" />
</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
如您所见,2个按钮连接到单击事件,这些事件在代码隐藏中正确定义.
现在,这是我在页面上包含控件实例的方法:
<uc:Pager ID="Pager1" runat="server" TotalRecords="100" DisplayItemsPerPage="true"
ItemsPerPageChoices="10,25,50,100" ItemsPerPageFormatString="Sessions/Page: {0}"
PageSize="25" OnPageChanged="PageChanged" OnPageSizeChanged="PageChanged" />
Run Code Online (Sandbox Code Playgroud)
我注意到,我的用户控件中的2个按钮在单击时没有导致回发.但是,下拉列表确实会导致回发.这是呈现的HTML:
<table style="width: 100%;">
<tr>
<td id="ctl00_MainContent_Pager1_PageControls" align="left">
<!-- No onclick event! Why? -->
<input type="submit" name="ctl00$MainContent$Pager1$btnPrevPage" value="?" id="ctl00_MainContent_Pager1_btnPrevPage" />
Page
<select name="ctl00$MainContent$Pager1$ddlPage" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$Pager1$ddlPage\',\'\')', 0)"
id="ctl00_MainContent_Pager1_ddlPage">
<option value="1">1</option>
<option selected="selected" value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
of <span id="ctl00_MainContent_Pager1_lblTotalPages">6</span>
<!-- No onclick event! Why? -->
<input type="submit" name="ctl00$MainContent$Pager1$btnNextPage" value="?" id="ctl00_MainContent_Pager1_btnNextPage" />
</td>
<td id="ctl00_MainContent_Pager1_itemsPerPageControls" align="right">
Sessions/Page:
<select name="ctl00$MainContent$Pager1$ddlItemsPerPage" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$Pager1$ddlItemsPerPage\',\'\')', 0)"
id="ctl00_MainContent_Pager1_ddlItemsPerPage">
<option value="10">10</option>
<option selected="selected" value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
而且,正如您所看到的,按钮的输入元素中没有呈现的onclick属性.为什么不?
罗尼,你为什么这么笨?<input type="submit" />不使用javascript发布表单!
没有点击按钮,因为它们是输入类型=提交,所以不需要javascript来引发回发.
您的页面中是否有任何可能导致问题的更新面板?
您是否在页面上有任何可能正在停止回发的验证器?如果是这种情况,您可能希望将CausesValidation设置为false.
您是否在页面的Page_Load中设置了断点并控制而不是仅在Click事件中检查是否有效.
你有没有做过与禁用ViewState相关的事情?