UpdatePanel中的JavaScript代碼

Question

好的：我在包含一個佔位符的aspx頁面上有一個UpdatePanel。

這裏面佔位符，我追加選擇取決於某些外部條件的usercontrols的（這是一個配置頁）之一。

在每個這些用戶控件的存在bindUcEvents（）的javascript結合的各種jQuery和JavaScript事件到該用戶控件內的按鈕和驗證功能。

我遇到的問題是usercontrol的javascript未被識別。通常，updatepanel中的javascript在updatepanel回發時執行，但是這些代碼都不能被頁面找到（我試過通過螢幕控制檯手動運行這個函數，但它告訴我它找不到函數）。

有沒有人有任何建議？

Cheers，Ed。

編輯：

減少（但功能）例如：

標記：

<script src="/js/jquery-1.3.2.min.js"></script> 
    <form id="form1" runat="server"> 
    <div> 

    <asp:ScriptManager ID="Script" runat="server" /> 

    <asp:Button ID="Postback" runat="server" Text="Populate" OnClick="PopulatePlaceholder" /> 

    <asp:UpdatePanel ID="UpdateMe" runat="server"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Postback" EventName="Click" /> 
    </Triggers> 
     <ContentTemplate> 
      <asp:Literal ID="Code" runat="server" /> 
      <asp:PlaceHolder ID="PlaceMe" runat="server" /> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    </div> 
</form> 

C＃：

protected void PopulatePlaceholder(object sender, EventArgs e) 
{ 
    Button button = new Button(); 
    button.ID = "Push"; 
    button.Text = "push"; 
    button.OnClientClick = "javascript:return false;"; 
    Code.Text = "<script type=\"text/javascript\"> function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents(); </script>"; 
    PlaceMe.Controls.Add(button); 
} 

你會看到按鈕不會poput警報消息，即使代碼存在於頁面上。

EDIT2：

好，這只是爲了清楚，生產代碼爲顯著比結合到一個文字只是一個單一的功能更復雜的，並且包含大量的

<%= Control.ClientID %> 

比特代碼非常難以分解成非特定的函數，因爲它們都只在一個地方使用（我們正在談論非常具體的驗證以及奇怪的彈出式觸發器+某些邏輯），因此它們毫無意義。

Answer 1

擺脫該文字控制並使用ScriptManager註冊您的腳本。你在做什麼出於同樣的原因

window.document.getElementById('someId').innerHtml = "<script type=\"text/javascript\">alert('hey');</script>"; 

不工作不工作。試試這個：

protected void PopulatePlaceholder(object sender, EventArgs e) 
{ 
    Button button = new Button(); 
    button.ID = "Push"; 

    button.Text = "push"; 
    button.OnClientClick = "return false;"; 


    string script = "function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents();"; 

    ScriptManager.RegisterClientScriptBlock(this.Page, typeof(SomeClass), Guid.NewGuid().ToString(), script, true); 


    PlaceMe.Controls.Add(button); 
} 

RegisterClientScriptBlock的參數可能需要更改，但您明白了。

Answer 2

使用ScriptManager（阿賈克斯擴展）添加到您的網頁，並添加經理裏面你scriptreferences。 管理器會在ajax-based-pageload上加載每個腳本標記（而不僅僅是初始加載） - 在updatepanel內部移動所有需要的javascript代碼，並且你已經完成了很多工作。

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
     <Scripts> 
      <asp:ScriptReference Path="../lib/jquery-1.2.6.pack.js" /> 

沒有讀好的問題（沒有樣本）。看到我的新回覆。

Answer 3

重新運行一些JS後的更新面板已經解僱我一直用這個

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
    function(sender, args) { 
     //update whatever here 
    }); 

此外，如果你有更新面板中的元素的任何引用您可以在該函數內刷新這些變量以及，否則你會有舊的裁判不會工作。

Answer 4

不知何故，它似​​乎是你的代碼。文本在翻譯的某個地方迷失了 - 不知道細節，也許是按照設計;反正接下來做的工作：

protected void PopulatePlaceholder(object sender, EventArgs e) 
    { 
     Button button = new Button(); 
     button.ID = "Push"; 
     button.Text = "push"; 
     button.OnClientClick = "javascript:return false;"; 
//  Code.Text = 
     PlaceMe.Controls.Add(button); 
     PlaceMe.Controls.Add(new LiteralControl("<script type=\"text/javascript\"> function bindEvents() { $('#" + button.ClientID + "').click(function() { alert('hello'); }); } bindEvents(); </script>")); 
    } 

既然你已經從代碼隱藏建設的JavaScript代碼，你還不如添加控件動態了。

Answer 5

也許您正在尋找這樣的：http://api.jquery.com/live/

近.bind（）兼容的（在上面的鏈接中列出例外） - 但也結合添加/更改的元素以後。

或者也許也給.delegate（）一個嘗試 - 不能直接替換.bind（）調用，但在大多數情況下，更快。