Код JavaScript внутри UpdatePanel

Question

Ок: У меня есть UpdatePanel на странице aspx, которая содержит один Placeholder.

Внутри этого заполнителя Я добавляю один из элементов пользовательского контроля в зависимости от определенных внешних условий (это страница конфигурации).

В каждом из этих usercontrols есть функция javascript bindUcEvents(), которая связывает различные события jQuery и javascript с кнопками и валидаторами внутри usercontrol.

Проблема, с которой я сталкиваюсь, заключается в том, что javascript usercontrol не распознается. Как правило, javascript внутри обновляемой панели выполняется, когда обновляемая панель отправляется обратно, однако ни один из этих кодов не может быть найден на странице (я попытался запустить эту функцию вручную через консоль firebug, но он говорит мне, что не может найти эту функцию).

Есть ли у кого-нибудь предложения?

Cheers, ред.

EDIT:

вырубить (но функциональный) пример:

Markup:

<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 %> 

бит код, который будет очень сложно отнести к неспецифическим функциям, и бессмысленно, поскольку каждый из них используется только в одном месте (мы говорим о очень конкретной проверке и нечетном триггете popup + некоторая логика).

Answer 1

Избавьтесь от этого управления Literal и используйте 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

Добавьте скриптмена (расширения Ajax) на свою страницу и добавьте ссылки на скрипт внутри этого менеджера. Менеджер загрузит каждый тег сценария на основе ajax-pageload (а не только на начальной загрузке) - переместите весь необходимый код 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>")); 
    } 

Поскольку вы уже строите яваскрипт код из кода вы можете также добавить элемент управления динамически тоже.

Answer 5

Может быть, вы ищете это: http://api.jquery.com/live/

Почти .bind(), совместимые (исключения, перечисленные в приведенной выше ссылке) - но также связывается с элементами добавленных/измененных позже.

Или, может быть, дать также .delegate() попытка - не может напрямую заменить вызовы .bind(), но в большинстве случаев намного быстрее.