Publicada el por

Iconos de espera para Ajax

¿Estás buscando tu propio icono (indicador) de espera para Ajax?

Esta página es muy buena, te permite crear el tuyo personalizado con los colores que desees, tiene una amplia variedad y los diseños están atractivos. La salida es un gif animado que puedes descargar.

http://www.ajaxload.info/
Publicada el por · 1 comentario

Los controles de validación no funcionan dentro de un UpdatePanel

Estoy trabajando con:
ASP.NET 2.0.50727
Extensiones Ajax 1.0

Puse un UpdatePanel que contiene campos que el usuario va a llenar. Puse controles de validación para asegurarme de que el usuario llena los campos. Los controles de validación funcionaban de una manera extraña, y además aparecía este error:

Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Estuve investigando y resulta ser que los controles de validación no funcionan dentro de un UpdatePanel. Encontrarás más información aquí:
http://forums.asp.net/t/1116324.aspx (lee el segundo post).

Lo bueno es que hay una manera de darle la vuelta a este problema.

La razón del problema y la solución se encuentra aquí:
http://blogs.msdn.com/mattgi/archive/2007/01/23/asp-net-ajax-validators.aspx

Pero te la traduzco. 🙂

Tienes que bajarte estos archivos y ponerlos en el fólder bin de tu aplicación.

Después de eso, abre tu archivo web.config y dentro de la sección Pages teclea lo siguiente:

<tagmapping>

<add tagtype="System.Web.UI.WebControls.CompareValidator" mappedtagtype="Sample.Web.UI.Compatibility.CompareValidator, Validators, Version=1.0.0.0"></add> 

<add tagtype="System.Web.UI.WebControls.CustomValidator" mappedtagtype="Sample.Web.UI.Compatibility.CustomValidator, Validators, Version=1.0.0.0"></add> 

<add tagtype="System.Web.UI.WebControls.RangeValidator" mappedtagtype="Sample.Web.UI.Compatibility.RangeValidator, Validators, Version=1.0.0.0"></add> 

<add tagtype="System.Web.UI.WebControls.RegularExpressionValidator" mappedtagtype="Sample.Web.UI.Compatibility.RegularExpressionValidator, Validators, Version=1.0.0.0"></add> 

<add tagtype="System.Web.UI.WebControls.RequiredFieldValidator" mappedtagtype="Sample.Web.UI.Compatibility.RequiredFieldValidator, Validators, Version=1.0.0.0"></add> 

<add tagtype="System.Web.UI.WebControls.ValidationSummary" mappedtagtype="Sample.Web.UI.Compatibility.ValidationSummary, Validators, Version=1.0.0.0"></add>

</tagmapping>

Yo lo probé y funciona ¡perfectamente!

Más adelante Microsoft sacará un parche para no tener que hacer este truco, así que si se te presenta este problema, te recomiendo primero bajarte la versión más nueva de ASP.NET y de las Extensiones de Ajax.

Publicada el por

Sys.Debug.isDebug es nulo o no es un objeto

Si cuando intentas ver tu aplicación de Ajax en Internet Explorer te marca un error de JavaScript que dice:

'Sys.Debug.isDebug' es nulo o no es un objeto

En inglés:

'Sys.Debug.isDebug' is null or not an object

lo más probable es que no has instalado las últimas extensiones. Haz lo siguiente:

  1. Desinstala las Extensiones de Ajax
  2. Reinicia el IIS
  3. Descarga e instala las Extensiones de Ajax más nuevas de www.asp.net
  4. Reinicia el IIS

Todo debe funcionar después de estos pasos.

Si no es así, quizás debas revisar tu código ya que han habido algunos cambios a lo largo de la historia de Ajax.

Publicada el por · 2 comentarios

Usando UpdatePanel con Triggers

Si estás usando en Ajax un UpdatePanel, es sencillo hacer que éste se actualize si colocas un botón dentro de él mismo, algo como:

<asp:updatepanel id="UpdatePanel1" runat="server">
   <contenttemplate>
      <asp:button id="Buscar" runat="server" text="Buscar"></asp:button>
      <asp:label runat="server" text="Label"></asp:label>
   </contenttemplate>
</asp:updatepanel>

Sin embargo, ¿qué ocurre si el botón que debe desencadenar la actualización del UpdatePanel se encuentra fuera del mismo?

Entonces debes añadir un trigger al UpdatePanel para indicarle cuál o cuáles controles deben desencadenar su actualización. Hazlo así:

<asp:button id="Buscar" runat="server" text="Buscar"></asp:button>
<asp:updatepanel id="UpdatePanel1" runat="server">
   <contenttemplate>
      <asp:label runat="server" text="Label"></asp:label>
   </contenttemplate>
   <triggers>
      <asp:asyncpostbacktrigger controlid="Buscar" eventname="Click"></asp:asyncpostbacktrigger>
   </triggers>
</asp:updatepanel>