1. 首頁
  2. 問答
  3. ASP.Net更新面板的噩夢。按鈕不能正常啓動。 Web窗體c＃

ASP.Net更新面板的噩夢。按鈕不能正常啓動。 Web窗體c＃

2012-01-31 81 views
0

我加載了兩個鏈接，使用Ajax ModalPopup將Comment.aspx加載爲模態彈出窗口。ASP.Net更新面板的噩夢。按鈕不能正常啓動。 Web窗體c＃

一個鏈接是一個LinkBuuton，在ModalPopup1中打開相同的Comment.aspx，其他鏈接是一個Submit按鈕，發佈評論時也會在另一個Modalpopup2中加載相同的頁面。我使用jQuery來捕捉點擊甚至加載在尊重ModalPopup的Comment.aspx頁面。

問題是，當我打開「mpShowCommentPopUp」彈出使用鏈接按鈕「lnkBtnComment」它工作正常，並顯示內嵌驗證沒有任何問題。

但現在如果我關閉此彈出窗口並嘗試加載相同的Comment.aspx在此方案按鈕中使用按鈕「btnPostComment2」不會觸發。

如果我刷新頁面，現在我第一次打開使用lnkBtnComment Comment.aspx頁面「這次它將工作和驗證將顯示沒有任何問題，如果我重複第一步然後再按鈕不會觸發。

我放置部分代碼的MainPage和

<%@ Page Title="" UICulture="Auto" Language="C#" MasterPageFile="~/SiteMaster.master" AutoEventWireup="true" CodeFile="ArticleDetails.aspx.cs" Inherits="ArticleDetails" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server"> 

    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
      $("#<%=lnkBtnEmail.ClientID %>").click(function(){ 
       //Load EMail Form 
       $("#<%=pnlEmailArticleForm.ClientID %>").load("EmailArticle.aspx?ArticleID=<%=Request["ArticleID"] %>&Language=<%=Request["Language"] %>", function() { }); 
       // $(".formErrorContent").show();    // $(".formErrorArrow").show(); 
      }); 

      //Close popup 
       $("#<%= imgBtnCloseEmailPopup.ClientID %>").click(function() { $('#frmEmail').validationEngine('hideAll') 
       // $(".formErrorContent").hide();    // $(".formErrorArrow").hide(); 
      }); 


      $("#<%=btnPostComment2.ClientID %>").click(function(){ 
       //Load Comment Form 
       $("#<%=pnlCommentForm2.ClientID %>").load("Comment.aspx?ArticleID=<%=Request["ArticleID"] %>&Language=<%=Request["Language"] %>", function() {  }); 
      }); 
      $("#<%= imgBtnClose2.ClientID %>").click(function() { $('#frmComment').validationEngine('hideAll') }); 


      $("#<%= lnkBtnComment.ClientID %>").click(function() { 
       //Load Comment Form 
       $("#<%=pnlCommentForm.ClientID %>").load("Comment.aspx?ArticleID=<%=Request["ArticleID"] %>&Language=<%=Request["Language"] %>", function(){  }); 
       }); 
       $("#<%= imgBtnClose.ClientID %>").click(function() { $('#frmComment').validationEngine('hideAll') }); 



     }); 

     //For printing 
     function CallPrint() { 
      window.open('PrintArticle.aspx?articleID=<%=Request["articleID"] %>', 'Email', 'width=690, height=650,left=100, top=100, location=no, menubar=no, resizable=no, scrollbars=yes, status=no, toolbar=no,fullscreen=no'); 
     } 
     //For printing 
     function CallDownload() { 
      window.open('PrintArticle.aspx?articleID=<%=Request["articleID"] %>&download=yes', 'Email', 'width=690, height=650,left=100, top=100, location=no, menubar=no, resizable=no, scrollbars=no, status=no, toolbar=no,fullscreen=no'); 
     } 
    </script> 

<style type="text/css"> 
     .modalBackground 
     { 
     background-color: Gray; 
     filter: alpha(opacity=80); 
     opacity: 0.8; 
     z-index: 10000; 
     } 
     .bodyClass 
     { 
      background: url(~/images/content_repeat.jpg) repeat-xy; 
      background-color:#E5E5E5; 
     } 
     </style> 
<script type="text/javascript" > 
       function showHelloWorld() { 
        //alert('Hello World'); 
        return true; 
       } 

       //--> 
     </script> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 

    <div id="container" class="container"> 
     <div id="TopBanner" class="TopBanner"><asp:Image ID="imgTopBanner" runat="server" /> </div> 
     <div id="TopBannerBase" class="TopBannerBase" ></div> 
    </div> 
    <div id="bodyContainer" class="bodyContainer"> 
      <table cellpadding="0" cellspacing="0" > 
       <tr> 
        <td width="35px"></td> 
        <td width="826px" valign="top"> 
         <table cellpadding="0" cellspacing="0" border="0" width="826px"> 
          <tr> 
           <td height="40px" width="826px" > 
            <div class="breadcrum" > 
             <asp:HyperLink ID="hyLkHomeNav" runat="server" CssClass="goldNav" NavigateUrl="default.aspx" ></asp:HyperLink> 
            </div> 
            <div class="breadcrum"> 
             <asp:HyperLink ID="hyLkPageNav" runat="server" CssClass="goldNav" ></asp:HyperLink> 
            </div> 
            <div class="breadcrum"> 
             <asp:HyperLink ID="hyLnkYear" runat="server" CssClass="goldNav" ></asp:HyperLink> 
            </div> 
            <div class="breadcrum"> 
             <asp:HyperLink ID="hylnkArticleTitle" runat="server" CssClass="goldNav" ></asp:HyperLink> 
             <asp:Label ID="lblArtcleTitleNav" CssClass="navActiveCurrent" runat="server" Text=""></asp:Label> 
            </div> 
            <asp:TextBox ID="txtPageName" runat="server" Height="16px" Visible="False" Width="16px"></asp:TextBox> 

           </td> 
          </tr> 
          <tr> 
          <td height="35px" width="826px"> 
           <table cellpadding="0" cellspacing="0" width="826px" > 
            <tr> 
             <td height="400px" valign="top"> 

              <table cellpadding="0" cellspacing="0" width="100%"> 
               <tr> 
                <td height="30px"> 
                 <asp:Label ID="lblArticleTitle" CssClass="ArticleTitleText" runat="server" Text="" Width="100%"></asp:Label> 
                 <div id="articlePubdate" Class="ArticlePubDate" > 
                  <asp:Label ID="lblPublished" runat="server" Text="Published : "></asp:Label> 
                  <asp:Label ID="lblPubDate" runat="server" Text=""></asp:Label> 
                 </div> 
                </td> 
               </tr> 
               <tr> 
                <td height="2px" bgcolor="#D1C094"></td> 
               </tr> 
               <tr> 
                <td style="text-align:justify" > 

                 <div id="divArticleImage" class="divArticleImage" runat="server"> 
                  <asp:Image ID="imgArticle" CssClass="ArticleImage" runat="server" /> 
                  <div id="divArticleImageDesc" class="divArticleImageDesc" > 
                   <asp:Label ID="lblImgDesc" runat="server" Text=""></asp:Label> 
                  </div> 
                  </div> 
                 <asp:Label ID="lblArticleDetails" CssClass="PageBodyText" runat="server" Text=""></asp:Label> 
                </td> 
               </tr> 
               <tr><td > 
               <table class="divArticleDetailsFooter"><tr><td> 
               <!-- Article Details Section footer --> 
               <div style="height:10px;"></div> 
               <div id="divArticleDetailsFooter" class="divArticleDetailsFooter"> 
                <div id="divlblComment" class="imgTArticleDetailsFooter"> 
                <asp:Image ID="imgComment" runat="server" ImageUrl="~/images/comment.png" /> 
                 <asp:LinkButton ID="lnkBtnComment" runat="server" 
                  CssClass="divArticleDetailsFooterLabels" CausesValidation="False" 
                  onclick="lnkBtnComment_Click" >Comment</asp:LinkButton> 

                </div> 
                <div id="divlblEmail" class="imgTArticleDetailsFooter"> 
                <asp:Image ID="imgEmail" runat="server" ImageUrl="~/images/email.png" /> 
                 <asp:LinkButton ID="lnkBtnEmail" runat="server" 
                 CssClass="divArticleDetailsFooterLabels" CausesValidation="True" 
                  onclick="lnkBtnEmail_Click" >Email</asp:LinkButton> 
                </div> 
                <div id="divlblPrint" class="imgTArticleDetailsFooter"> 
                <asp:Image ID="imgPrint" runat="server" ImageUrl="~/images/print.png" /> 
                <asp:HyperLink ID="hylPrintArticle" runat="server" CssClass="divArticleDetailsFooterLabels" OnClick="CallPrint()" NavigateUrl=""> Print</asp:HyperLink> 
                 </div> 
                <div id="divlblDownload" class="imgTArticleDetailsFooter"> 
                <asp:Image ID="imgDownload" runat="server" ImageUrl="~/images/download.png" /> 
                <asp:HyperLink ID="hylDownloadArticle" runat="server" CssClass="divArticleDetailsFooterLabels" OnClick="CallDownload()" NavigateUrl=""> Download</asp:HyperLink> 
                </div> 

               </div> 
               <!-- Article Details Section footer --> 
               </td></tr></table> 
               </td></tr> 
               <tr> 
                <td height="20px" ></td> 
               </tr> 
               <tr> 
                <td height="2px" bgcolor="#D1C094"></td> 
               </tr> 
               <tr> 
                <td height="100px" > 
                <div id="showComments" class="showComments"> 
                 <div id="divCommentCount" class="CommentCount"><asp:Label ID="lblCommentCount" runat="server" Text="Comment"></asp:Label> </div> 
                 <div id="divPostCommentMSG" class="PostCommentMSG"><asp:Label ID="lblPostCommentMSG" runat="server" Text="Please keep your comments relevant to this website entry. Email addresses are never displayed, but they are required to confirm your comments. Please note that gratuitous links to your site are viewed as spam and may result in removed comments."></asp:Label></div> 
                 <div id="divPostCommentButton" class="divPostCommentButton"> 
                  <asp:Button ID="btnPostComment2" runat="server" CssClass="buttonPC" 
                   Text="Post Comment" CausesValidation="False" 
                   onclick="btnPostComment2_Click" /></div> 
                 <div>Line</div> 
                 <div>Post Date</div> 
                 <div>Message</div> 
                 <div>Person Name</div> 
                 <div>line</div> 

                </div> 

                </td> 
               </tr> 
              </table> 
             </td> 
            </tr> 
           </table> 

          </td> 
          </tr> 
         </table> 

        </td> 
        <td width="39px" valign="top"> 
        </td> 
       </tr> 
      </table> 
</div> 

<div> 
<asp:ModalPopupExtender ID="mpShowCommentPopUp" runat="server" TargetControlID="lnkBtnComment" PopupControlID="pnlComment" 
BackgroundCssClass="modalBackground" CancelControlID="imgBtnClose" RepositionMode="None" ></asp:ModalPopupExtender> 

    <asp:Panel ID="pnlComment" runat="server" BackColor="White" Height="400px" Width="520px" style="display:none"> 
     <div id="divcommentForm" class="commentForm"> 
      <div id="divClose" class="commentClose"> 
       <asp:ImageButton ID="imgBtnClose" runat="server" ImageUrl="~/images/close.png" CausesValidation="False" /> 
      </div> 
      <!-- comment Form --> 

      <asp:Panel ID="pnlCommentForm" runat="server" Visible="true"> 

      </asp:Panel> 
      <!-- comment Form --> 
     </div> 
    </asp:Panel> 
</div> 

<div> 
<asp:ModalPopupExtender ID="mpShowCommentPopUp2" runat="server" TargetControlID="btnPostComment2" PopupControlID="pnlComment2" 
BackgroundCssClass="modalBackground" CancelControlID="imgBtnClose2" RepositionMode="None" ></asp:ModalPopupExtender> 

    <asp:Panel ID="pnlComment2" runat="server" BackColor="White" Height="400px" Width="520px" style="display:none"> 
     <div id="divcommentForm2" class="commentForm"> 
      <div id="divClose2" class="commentClose"> 
       <asp:ImageButton ID="imgBtnClose2" runat="server" ImageUrl="~/images/close.png" CausesValidation="False" /> 
      </div> 
      <!-- comment Form --> 
      <asp:Panel ID="pnlCommentForm2" runat="server" Visible="true"> 

      </asp:Panel> 
      <!-- comment Form --> 
     </div> 
    </asp:Panel> 
</div> 

<div> 
    <asp:ModalPopupExtender ID="mpShowEmailArticlePopup" runat="server" TargetControlID="lnkBtnEmail" PopupControlID="pnlEmailArticle" 
    BackgroundCssClass="modalBackground" CancelControlID="imgBtnCloseEmailPopup" RepositionMode="None"></asp:ModalPopupExtender> 
      <asp:Panel ID="pnlEmailArticle" runat="server" BackColor="White" Height="350px" Width="520px" > 
      <div id="emailArticle" class="EmailArticleForm"> 
       <div id="closeEmailArticle" class="commentClose"> 
        <asp:ImageButton ID="imgBtnCloseEmailPopup" runat="server" ImageUrl="~/images/close.png" onclick="imgBtnCloseEmailPopup_Click" CausesValidation="False" /> 
       </div> 
       <!-- Email Form --> 
       <asp:Panel ID="pnlEmailArticleForm" runat="server" Visible="true"> 

       </asp:Panel> 
       <!-- Email Form --> 
       </div> 
     </asp:Panel> 
</div> 
</asp:Content>

主頁部分代碼C＃

protected void imgBtnCloseEmailPopup_Click(object sender, ImageClickEventArgs e) 
{ 
    this.mpShowEmailArticlePopup.Show(); 
} 

protected void lnkBtnComment_Click(object sender, EventArgs e) 
{ 
    this.mpShowCommentPopUp.Show(); 
} 
protected void lnkBtnEmail_Click(object sender, EventArgs e) 
{ 
    this.mpShowEmailArticlePopup.Show(); 
} 
protected void btnPostComment2_Click(object sender, EventArgs e) 
{ 
    this.mpShowCommentPopUp2.Show(); 
}
的comment.aspx碼

Comment.aspx頁代碼

<%@ Page Language="C#" UICulture="Auto" AutoEventWireup="true" CodeFile="Comment.aspx.cs" Inherits="Comment" EnableViewStateMac="False" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head id="Head1" runat="server" updatemode="Conditional"> 
    <title></title> 
    <% if (Session["lang"] == "ar-AE") 
     { %> 
     <link href="~/Styles/arabic.css" rel="stylesheet" type="text/css" /> 
    <% } else { %> 
     <link href="~/Styles/english.css" rel="stylesheet" type="text/css" /> 
    <% } %> 
    <link href="Scripts/css/validationEngine.jquery.css" rel="stylesheet" type="text/css" /> 
    <script src="Scripts/js/jquery-1.6.min.js" type="text/javascript"></script> 
    <script src="Scripts/js/jquery.validationEngine-ar.js" type="text/javascript" charset="utf-8"></script> 
    <script src="Scripts/js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script> 
    <script src="Scripts/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
      //jQuery("#Form2").validationEngine(); 
      <% if(Session["lang"] =="ar-AE") %> 
      jQuery("#frmComment").validationEngine({ promptPosition: 'topLeft', scroll: false }); 
      <%else %> 
      jQuery("#frmComment").validationEngine({ promptPosition: 'topRight', scroll: false }); 
      <% %> 

      // $("#frmComment").validationEngine('attach'); 
      }); 
    </script> 


</head> 

<body id="body" dir="<%=Session["PageDIR"] %>" bgcolor="White"> 
<form id="frmComment" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
<asp:UpdatePanel ID="updPnlComment" runat="server" > 
<ContentTemplate> 

<asp:Panel ID="pnlCommentForm" runat="server" Visible="true" > 
<div id="commentFormTable" class="commentFormTable"> 
<table align="left" cellpadding="0" cellspacing="0" width="460px" border=0 > 
     <tr> 
      <td > 
       <table cellpadding="0" cellspacing="8" width="460px" > 
        <tr> 
         <td colspan="2"><asp:Label ID="lblPostComment" runat="server" Text="Post Comment" CssClass="lblPostComment"></asp:Label> 
         </td> 
        </tr> 
        <tr> 
         <td colspan="2"> 
         <asp:Label ID="lblCommentMsg" CssClass="txtLabelComment" runat="server" Text="Please make sure your comment is not abusive, defamatory or offensive. All 
          fields must be filled in correctly or the comment will not be approved." 
           Width="400px" ></asp:Label> 
          </td> 
        </tr> 
        <tr> 
         <td colspan="2"><asp:Label ID="lblRequired" CssClass="txtLabelComment" runat="server" Text="[*] indicates a required field."></asp:Label> 
         </td> 
        </tr> 
        <tr> 
         <td width="110px"> 
          <asp:Label ID="lblFullName" runat="server" Text="Full Name" CssClass="txtLabelComment"></asp:Label> 
         </td> 
         <td width="340px"> 
          <asp:TextBox ID="txtFullName" runat="server" 
           CssClass="validate[required] txtbox300Comment" TabIndex="1" ></asp:TextBox> 
          &nbsp;* 
          <asp:RequiredFieldValidator ID="rfv1" runat="server" 
           ControlToValidate="txtFullName"></asp:RequiredFieldValidator> 
          </td> 

        </tr> 
        <tr> 
         <td > 
          <asp:Label ID="lblEmail" runat="server" Text="Email Address" CssClass="txtLabelComment"></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="txtEmail" runat="server" 
           CssClass="validate[required,custom[email]] txtbox300Comment" TabIndex="2" ></asp:TextBox> 
          &nbsp;* 
          <asp:RequiredFieldValidator ID="rfv2" runat="server" 
           ControlToValidate="txtEmail"></asp:RequiredFieldValidator> 
         </td> 
        </tr> 
        <tr> 
         <td > 
          <asp:Label ID="lblCountry" runat="server" Text="Country" CssClass="txtLabelComment"></asp:Label> 
         </td> 
         <td> 
<asp:DropDownList ID="ddCountry" runat="server" CssClass="validate[required] ddGeneralComment" 
           TabIndex="3"> 
    <asp:ListItem Value="" ></asp:ListItem> 
    <asp:ListItem Value="AF">Afghanistan</asp:ListItem> 
    <asp:ListItem Value="AL">Albania</asp:ListItem> 
    <asp:ListItem Value="DZ">Algeria</asp:ListItem> 
    <asp:ListItem Value="AS">American Samoa</asp:ListItem> 
    <asp:ListItem Value="AD">Andorra</asp:ListItem> 
    <asp:ListItem Value="AO">Angola</asp:ListItem> 
    <asp:ListItem Value="AI">Anguilla</asp:ListItem> 
    <asp:ListItem Value="ZR">Zaire</asp:ListItem> 
    <asp:ListItem Value="ZM">Zambia</asp:ListItem> 
    <asp:ListItem Value="ZW">Zimbabwe</asp:ListItem> 
</asp:DropDownList> 
          &nbsp;*<asp:RequiredFieldValidator ID="rfv3" runat="server" 
           ControlToValidate="ddCountry"></asp:RequiredFieldValidator> 
         </td> 
        </tr> 
        <tr> 
         <td > 
          <asp:Label ID="lblMSG" runat="server" Text="Your Message" CssClass="txtLabelComment" ></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="txtMessage" runat="server" CssClass="validate[required, maxSize[1000]] txtbox300MComment" 
           TextMode="MultiLine" MaxLength="10" TabIndex="4"></asp:TextBox> 
          &nbsp;*<asp:RequiredFieldValidator ID="rfv4" runat="server" 
           ControlToValidate="txtMessage"></asp:RequiredFieldValidator> 
         </td> 
        </tr> 
        <tr> 
         <td >&nbsp;</td> 
         <td> 
          <asp:CheckBox ID="cbAnonymous" runat="server" 
           Text="I wish to be anonymous. Do not publish my name with my comment. " CssClass="txtLabelComment" /> 
         </td> 
        </tr> 
        <tr> 
         <td > &nbsp;</td> 
         <td> 
         <div> 
          <asp:Button ID="btnSaveComments" runat="server" CssClass="buttonPopups" onclick="btnSaveComments_Click" Text="Post Comment" /> 
         </div> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</asp:Panel> 
<asp:Panel ID="pnlCommentSuccessMSG" runat="server" Visible="false"> 
<table align="center" cellpadding="0" cellspacing="0" width="510px"> 
     <tr> 
      <td height="410px" valign="middle" align="center"> 
       <asp:Label ID="lblCommentSuccessMSG" runat="server" Text=""></asp:Label> 
      </td> 
      </tr> 
</table> 
</div> 
</asp:Panel> 

</ContentTemplate> 
    </asp:UpdatePanel> 
</form> 
</body> 
</html>

這是我很沮喪與此並已與它最後一次每週工作我解決一兩件事，再想一想是代碼開始麪包了。

我必須提到的代碼工作正常和單個頁面，但是當我使用Ajax Modal Popup和更新面板調用此頁面時，錯誤開始蔓延。

是否有更好的方法來擁有相同的功能。

我將不勝感激任何幫助和一個偉大的解決方案。

來源

2012-01-31 Learning

+0

我還沒有一個aspx開發環境，但它似乎JavaScript做了火。您是否在Chrome，Safari或Firefox中檢查錯誤控制檯？ – reporter 2012-01-31 12:15:35

+0

它不會引起任何錯誤 – Learning 2012-01-31 12:20:31

+0

在IE和調試模式下，如果我重複問題中提到的上述步驟，並帶我進入comment.aspx頁面，頁面上顯示一些jabscrips錯誤 – Learning 2012-01-31 12:27:32

回答

0

這可能有助於通過..獲得類似情況的人。如果您在與updatepanel相同的頁面上向腳本管理器註冊腳本，這將起作用。

Dim strScript As New StringBuilder() 
strScript.AppendLine("<script type=""text/javascript"">") 
' execute first 
strScript.AppendLine(strJavascript) 
' register for partialpostbacks 
strScript.AppendLine("if(typeof(Sys)!=='undefined'){") 
strScript.AppendLine("if(typeof(Sys.WebForms)!=='undefined'){") 
strScript.AppendLine("if(typeof(Sys.WebForms.PageRequestManager)!=='undefined'){") 
strScript.AppendLine("var prm = Sys.WebForms.PageRequestManager.getInstance();") 
strScript.AppendLine("prm.add_endRequest(function(){") 
strScript.AppendLine(strJavascript) 
strScript.Append("});") 
strScript.AppendLine("}") 
strScript.AppendLine("}") 
strScript.AppendLine("}") 
strScript.AppendLine("</script>")

但是，我目前遇到一些困難，這個實現使用JQuery包裝類I設置。很好的工作，但是當在一個updatepanel裏面使用時，這個類會失敗。仍然在努力......總是感激！

來源

2013-07-25 04:44:24 eyegropram

相關問題

 相關問題