Click事件不会在嵌套用户控件中触发，也不会调试

我正在使用VS 2012/ASP.NET（网页表单）4.5。我有一个传统的用户控制的页面：Click事件不会在嵌套用户控件中触发，也不会调试

<%@ Page Title="" Language="C#" MasterPageFile="~/ControlCenter/MasterAdmin.master" AutoEventWireup="true" CodeFile="OrderDetail.aspx.cs" Inherits="ControlCenter_OrderDetail" %> 

<%@ register src="~/Controls/OrderDetailMenu.ascx" tagprefix="eoi" tagname="OrderDetailMenu" %> 

<asp:content ID="OrderDetailHead" ContentPlaceHolderID="head" Runat="Server"> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
<script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="../Scripts/jquery-ui-1.8.20.js"></script> 
</asp:content> 
<asp:content ID="OrderDetailBody" ContentPlaceHolderID="BodyContent" Runat="Server"> 
<table style="width: 100%;"> 
    <tr> 
     <td colspan="4"> 
      <eoi:orderdetailmenu id="OrderDetailMenu" runat="server" /> 
     </td> 
    </tr> 
..............

控制在内部，使用jQuery对话框显示嵌套的用户控件：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="OrderDetailMenu.ascx.cs" Inherits="Controls_OrderDetailMenu" %> 
<%@ register src="~/Controls/UserComments.ascx" tagprefix="eoi" tagname="UserComments" %> 
<%@ register src="~/Controls/OrderComments.ascx" tagprefix="eoi" tagname="OrderComments" %> 

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    //init dialog 
    $("#userCommentsPanel").dialog({ 
     title: "Add User Comment", 
     height: 300, 
     width: 700, 
     autoOpen: false, 
     show: "puff", 
     hide: "puff", 
     buttons: [ 
      { 
       text: "Close Window", 
       click: function() 
       { 
        $(this).dialog("close"); 
       } 
      } 
     ] 
    }); 

    //popup link event 
    $("#addUserCommentsLink").click(function(e) 
    { 
     $("#userCommentsPanel").dialog("open"); 
     e.preventDefault(); 
     return false; 
    }); 
}); 
</script> 
<table border="0" cellpadding="2" cellspacing="3"> 
<tr> 
    <td> 
     <a href="#" id="addUserCommentsLink" name="addUserCommentsLink"> 
      Add User Comment 
     </a> 
    </td> 
</tr> 
</table> 
<asp:panel id="userCommentsPanel" clientidmode="Static" runat="server"> 
<div class="userCommentsPopup"> 
    <eoi:usercomments id="UserComments" runat="server" /> 
</div> 
</asp:panel>

里面的嵌套控制是简单的形式，如下所示：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserComments.ascx.cs" Inherits="Controls_UserComments" %> 
<table style="width:100%;" id="userCommentsFormTable" runat="server"> 
<tr> 
    <td width="1%">&nbsp;</td> 
    <td>&nbsp;</td> 
</tr> 
<tr> 
    <td colspan="2"> 
     <asp:validationsummary id="userCommentsSummary" runat="server" cssclass="validation" ShowModelStateErrors="true" /> 
    </td> 
</tr> 
<tr> 
    <td> 
     <asp:textbox id="commentsBox" runat="server" columns="80" rows="5" textmode="MultiLine"></asp:textbox> 
    </td> 
    <td>&nbsp;</td> 
</tr> 
<tr> 
    <td align="right"> 
     <asp:button id="commentsButton" runat="server" text="Save" onclick="commentsButton_Click" /> 
    </td> 
    <td>&nbsp;</td> 
</tr> 
</table>

...事件处理程序：

protected void commentsButton_Click(object sender, EventArgs e) 
{ 
     //this method is never executed. :(
}

Page_Load触发，但按钮点击事件不......没有任何事情发生。这里发生了什么事？断点也不会被击中。就好像这个事件什么都不做。我确信它与页面生命周期丑陋有关，但我无法在Googleland中找到修复。

谢谢！

来源

2013-04-03 Tsar Bomba

在这里找到一些信息，这似乎是同样的问题。 http://forums.asp.net/t/1002783.aspx/1 – 2013-04-03 20:29:01

假设它不能做...没有答案，并没有得到任何地方。 :( – 2013-04-15 20:52:22

我终于找到了解决办法在这里：

jQuery UI Dialog(Modal), prevents any postback

通过简单地添加以下代码神秘线上的对话框声明之后：

$("#userCommentsPanel").parent().appendTo(jQuery("form:first"));

...它只是工作。

来源

2013-04-16 23:25:45

Click事件不会在嵌套用户控件中触发，也不会调试

回答

相关问题