在ASP.NET中部分回傳後連線JavaScript處理程序

我想在UpdatePanel中使用LinkButtons與ASP.NET面板的DefaultButton屬性。我已閱讀並使用了各種其他答案，這些答案是描述點擊事件的接線，以便完成回發不會完成而不是部分回發。加載頁面時，我會連接LinkButton的.click函數，以便ASP.NET面板的DefaultButton屬性可以工作。在ASP.NET中部分回傳後連線JavaScript處理程序

這一切都正常工作，直到您將UpdatePanel引入混合。使用UpdatePanel時，如果存在部分回發，則在部分回發中不會調用用於連接.click函數的腳本，並且按回車將還原爲導致完全提交表單而不是觸發LinkButton。

如何讓JavaScript在部分回發後執行以重新連接LinkButton的.click函數？

我製作了一個顯示問題的示例頁面。有兩個警報顯示1）當調用掛接.click函數的代碼時，以及2）調用.click函數時（只有在事件連接完成後在文本框中按Enter鍵纔會發生這種情況）。要測試此代碼，請在文本框中鍵入內容並按Enter鍵。該文本將被複制到標籤控件，但「佈線事件點擊」警報將不會顯示。添加另一個字母，再次點擊輸入，您將得到一個完整的回發，而不會將文本複製到標籤控件（因爲LinkButton未被調用）。因爲這是一個完整的回發，接線事件點擊事件將再次被調用，並且表單將在下次再次正常工作。

這是用ASP.NET 3.5完成的。

測試用例編號：

<%@ Page Language="C#" Inherits="System.Web.UI.Page" Theme="" EnableTheming="false" AutoEventWireup="true" %> 

<script runat="server"> 
    void cmdComplete_Click(object sender, EventArgs e) 
    { 
     lblOutput.Text = "Complete Pressed: " + txtInput.Text; 
    } 

    void cmdFirstButton_Click(object sender, EventArgs e) 
    { 
     lblOutput.Text = "First Button Pressed"; 
    } 

    protected override void OnLoad(EventArgs e) 
    { 
     HookupButton(cmdComplete); 
    } 

    void HookupButton(LinkButton button) 
    { 
     // Use the click event of the LinkButton to trigger the postback (this is used by the .click code below) 
     button.OnClientClick = Page.ClientScript.GetPostBackEventReference(button, String.Empty); 

     // Wire up the .click event of the button to call the onclick function, and prevent a form submit 
     string clickString = string.Format(@" 
      alert('Wiring up click event'); 
      document.getElementById('{0}').click = function() {{ 
       alert('Default button pressed'); 
       document.getElementById('{0}').onclick(); 
      }};", button.ClientID, Page.ClientScript.GetPostBackEventReference(button, "")); 
     Page.ClientScript.RegisterStartupScript(button.GetType(), "click_hookup_" + button.ClientID, clickString, true); 
    } 
</script> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <title>DefaultButton/LinkButton Testing</title> 
    <style type="text/css"> 
     a.Button { line-height: 2em; padding: 5px; border: solid 1px #CCC; background-color: #EEE; } 
    </style> 
</head> 
<body> 
    <h1> 
     DefaultButton/LinkButton Testing</h1> 
    <form runat="server"> 
    <asp:ScriptManager runat="server" /> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <div style="position: relative"> 
       <fieldset> 
        <legend>Output</legend> 
        <asp:Label runat="server" ID="lblOutput" /> 
       </fieldset> 
       <asp:Button runat="server" Text="First Button" ID="cmdFirstButton" OnClick="cmdFirstButton_Click" UseSubmitBehavior="false" /> 
       <asp:Panel ID="Panel1" runat="server" DefaultButton="cmdComplete"> 
        <label> 
         Enter Text:</label> 
        <asp:TextBox runat="server" ID="txtInput" /> 
        <asp:LinkButton runat="server" CssClass="Button" ID="cmdComplete" OnClick="cmdComplete_Click" Text="Complete" /> 
       </asp:Panel> 
      </div> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    <asp:Button runat="server" ID="cmdFullPostback" Text="Full Postback" /> 
    </form> 
</body> 
</html>

來源

2010-06-01 Richard

我發現最終解決這個 - 我應該一直在使用ScriptManager.RegisterStartupScript，而不是Page.ClientScript.RegisterStartupScript - 這工作中UpdatePanel秒。

來源

2010-06-02 08:22:57 Richard

在ASP.NET中部分回傳後連線JavaScript處理程序

回答

相關問題