Повторная привязка событий в jQuery после обновления Ajax (updatepanel)

Поскольку вы используете ASP.NET AJAX, у вас будет доступ к обработчику событий pageLoad, который вызывается каждый раз, когда страница отправляется обратно, будь то полная или частичная из UpdatePanel. Вам просто нужно добавить функцию на свою страницу, подключение не требуется.

function pageLoad(sender, args)
{
   if (args.get_isPartialLoad())
   {
       //Specific code for partial postbacks can go in here.
   }
}

Вы можете использовать jQuery и делегирование событий. В основном подключайте события к контейнерам, а не к каждому элементу, и запрашивайте event.target и запускайте скрипт на основе этого.

У этого есть несколько преимуществ, так как вы уменьшаете шум кода (нет необходимости повторно связывать). это также проще в памяти браузера (меньше событий, связанных в DOM.)

Быстрый пример здесь.

плагин jQuery для легкого делегирования событий.

P.S Я на 99% уверен, что в следующем выпуске делегирование будет в ядре jQuery.

Sys.Application.add_load(initSomething);
function initSomething()
{
  // will execute on load plus on every UpdatePanel postback
}

Или вы можете проверить последние функциональные возможности jQuery в реальном времени с помощью метода on().

Используйте следующий код

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

function pageLoaded(sender, args) {
    var updatedPanels = args.get_panelsUpdated();
    // check if Main Panel was updated 
    for (idx = 0; idx < updatedPanels.length; idx++) {
        if (updatedPanels[idx].id == "<%=upMain.ID %>") {
            rebindEventsForMainPanel();
            break;
        }
    }
}

         <script type = "text/javascript">
             function pageLoad() {

                 if (Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) {


       }

            </script>

        </ContentTemplate>
    </asp:UpdatePanel>

в «если» вы можете поместить код, который вам нужно выполнять каждый раз, когда панель обновлений выполняет AsyncPostBack.

Свяжите свои события с помощью нового «живого» метода jQuery. Он свяжет события со всеми вашими нынешними элементами, а также со всеми будущими. Ча цзин! :)

Используйте следующий код, вам необходимо убедиться, что элемент управления будет использовать datepicker:

    <script type = "text/javascript" language = "javascript">

         Sys.WebForms.PageRequestManager.getInstance().add_endRequest(addDataPicker); 
         function addDataPicker(sender, args)
         {
            var fchFacturacion = document.getElementById('<%= txtFechaFacturacion.ClientID %>');
            if (fchFacturacion != null) {
               $(fchFacturacion).datepicker({ onSelect: function () { }, changeMonth: true, changeYear: true, showOn: 'button', buttonImage: '../Imagenes/calendar.gif', buttonImageOnly: true});}
         } 

    </script>

     <asp:UpdatePanel ID = "upEjem" runat = "server" UpdateMode = "Conditional">
       <ContentTemplate>
              <div id = "div1" runat = "server" visible = "false">
                  <input type = "text" id = "txtFechaFacturacion" 
                      name = "txtFechaFacturacion" visible = "true"
                      readonly = "readonly" runat = "server" />
              </div>
       </ContentTemplate>
     </asp:UpdatePanel>

Начиная с jQuery 1.7, рекомендуемый способ сделать это - использовать синтаксис jQuery .on ().

Однако убедитесь, что вы настроили событие для объекта документ, а не для самого объекта DOM. Например, это сломается после обратной передачи UpdatePanel:

$(':input').on('change', function() {...});

... потому что ': inputs' были переписаны. Вместо этого сделайте это:

$(document).on('change', ':input', function() {...});

Пока документ существует, любые входные данные (в том числе из обновлений UpdatePanel) будут запускать обработчик изменений.