Utilización de javascript en la carga de UpdatePanel

Con la utilización de los controles ScriptManager, para el uso de UpdatePanels, se hace imposible utilizar el código javascript programado en nuestra página web. Esto sucede porque los controles ScriptManager ejecutan sus propios scripts dentro de los eventos de los UpdatePanels contenidos en el formulario.

Para poder ejecutar nuestros script en la carga del UpdatePanel deberemos añadir a nuestro ScriptManager una etiqueta ScriptReference, aquí haremos referencia a un archivo que contenga el código javascript que queremos que se ejecute en la carga del UpdatePanel.

  1. <asp:ScriptManager ID="ScriptManager1" runat="server">
  2. <Scripts>
  3. <asp:ScriptReference Path="~/js/jquery/Init.js" />
  4. </Scripts>
  5. </asp:ScriptManager>


Dentro de este archivo pondremos el siguiente código para notificar qué función queremos que se ejecute en el evento load de la aplicación.

  1. if (Sys && Sys.Application) {
  2. Sys.Application.add_load(WireEvents);
  3. Sys.Application.notifyScriptLoaded();
  4. }


En el mismo archivo definiremos nuestra función.

  1. function WireEvents() {
  2. jQuery(window).ready(function() {
  3. jQuery('.date-pick').datePicker(
  4. {
  5. startDate: '01/01/1970',
  6. endDate: '01/01/3000'
  7. }
  8. );
  9. });
  10. }


En este ejemplo lo que se consigue es ejecutar la función .datePicker() de un calendario de jQuery para que funcione dentro de un UpdatePanel

Enviar un comentario nuevo

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <pre>, <c>, <cpp>, <csharp>, <css>, <drupal5>, <drupal6>, <html>, <java>, <javascript>, <jquery>, <mysql>, <php>, <python>, <robots>, <ruby>, <sql>, <tsql>, <vb>, <vbnet>, <xml>. The supported tag styles are: <foo>, [foo]. PHP source code can also be enclosed in <?php ... ?> or <% ... %>.

Más información sobre opciones de formato

CAPTCHA
Esta pregunta se hace para comprobar que es usted una persona real e impedir el envío automatizado de mensajes basura.
CAPTCHA de imagen
Escriba los caracteres que se muestran en la imagen.