Rebinding de eventos en jQuery después de la actualización Ajax (updatepanel)

O puede comprobar la última funcionalidad en vivo de jQuery a través de la on() método.

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

A partir de jQuery 1.7, la forma recomendada de hacerlo es usar jQuery .on () sintaxis.

Asegúrese, sin embargo, de configurar el evento en el objeto document, no en el objeto DOM en sí. Por ejemplo, esto se romperá después del postback de UpdatePanel :

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

... porque los': inputs ' han sido reescritos. Haga esto en su lugar:

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

Mientras el documento esté disponible, cualquier entrada (incluidas las de las actualizaciones de UpdatePanel) se activará el manejador de cambios.

Utilice el siguiente código

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;
        }
    }
}

Puede usar jQuery y delegación de eventos. Básicamente engancha eventos a contenedores en lugar de a cada elemento y consulta el evento.objetivo y ejecutar script basado en eso.

Tiene múltiples beneficios en que reduce el ruido del código (no es necesario volver a enlazar). Es también es más fácil en la memoria del navegador (menos eventos vinculados en el DOM.)

Ejemplo Rápido aquí.

JQuery plugin para facilitar la delegación de eventos.

P. S Estoy 99% seguro de que la delegación estará en el núcleo de jQuery en el próximo lanzamiento.

Use el siguiente código, necesita validar el control usará el datapicker:

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

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

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


       }

            </script>

        </ContentTemplate>
    </asp:UpdatePanel>

En el "if" puede poner el código que necesita ejecutar cada vez que el updatepanel hace AsyncPostBack.

Enlaza tus eventos usando el nuevo método 'live' de jQuery. Vinculará los eventos a todos sus elementos presentes y a todos los futuros también. ¡Cha ching! :)