Archivo categoría Ajax
Cómo agregar el salto de línea a los caracteres válidos de un FilteredTextBoxExtender
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 20 Agosto 2009
En el Ajax Control Toolkit de ASP.NET, hay un control llamado FilteredTextBoxExtender que sirve para filtrar los caracteres que se pueden ingresar en un TextBox. Esto es útil, por ejemplo, para permitir únicamente el ingreso de números si estamos capturando un código postal mexicano.
Bueno, estaba usándolo en un TextBox con la propiedad TextMode establecida en MultiLine, lo que en HTML se despliega como un textArea, una caja de texto con múltiples líneas.
Esta es la definición de mi caja de texto y el control de filtrado:
-
<asp:TextBox ID="Tags" runat="server" TextMode="MultiLine" Width="200px"
-
Height="150px"></asp:TextBox>
-
<cc1:FilteredTextBoxExtender ID="Tags_FilteredTextBoxExtender" runat="server"
-
Enabled="True" TargetControlID="Tags"
-
ValidChars="abcdefghijklmnopqrstuvwxyz1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ">
-
</cc1:FilteredTextBoxExtender>
Como puedes ver, estoy permitiendo la entrada de letras mayúsculas, minúsculas, números y espacios. Pero como se trata de una caja de texto con múltiples líneas, obviamente quiero que se permita teclear saltos de línea cuando el individuo presione la tecla enter o intro.
Este caso es truculento, porque no puedes hacerlo en la página aspx, lo tienes que hacer en el código de servidor, de esta forma:
-
Tags_FilteredTextBoxExtender.ValidChars = Tags_FilteredTextBoxExtender.ValidChars & vbCrLf
Como sabrás, vbCrLf significa un salto de línea en Visual Basic, y lo que hace esa línea es añadirlo a los caracteres válidos.
Medio truculento pero funciona!
Genera un delay en una aplicación ASP.NET
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 25 Febrero 2009
En ocasiones (muy raras tal vez) necesitarás generar un delay. Un tiempo de espera. Simplemente unos segundos en los que la aplicación duerma.
Te preguntarás para qué querría alguien esto. Bueno, uno de los casos en los que puede ser útil es si necesitas simular un tiempo de respuesta lento de la conexión a internet. Por ejemplo, si tienes un UpdateProgress de Ajax que estás probando en un servidor local, el procesamiento puede ser tan rápido que quizás nunca veas tu gif animado girar. En estos casos, puedes colocar un delay que te permita simular que el servidor y/o la conexión tardan un rato en reaccionar.
Para hacerlo, utiliza este código:
-
Threading.Thread.Sleep(3000)
Donde el 3000 que pongo son milisegundos, en este caso el tiempo de espera sería de 3 segundos.
Librería de JavaScript jQuery
Por Pablo Viale - Ajax, Herramientas, Web - 8 Enero 2009
Existen varios productos desarrollados en JavaScript que puedes comprar por separado para incluir en tus sitios web, como tabs (pestañas), acordeones, pop-ups, etc.
Pero hay una librería muy buena que es de descarga gratuita, se llama jQuery.
A pesar de ser libre está muy bien desarrollada, incluso tiene distintos temas de diseño de cuáles escoger. Cada componente tiene varias opciones de configuración que te permiten personalizarlos.
Esta librería contiene:
Interacciones
- Arrastrar
- Soltar
- Dar tamaño
- Seleccionar
- Ordenar
Widgets
- Acordeón
- Seleccionador de fecha
- Ventana emergente
- Barra de progreso
- Deslizador (slider)
- Pestañas (tabs)
Si eres desarrollador también puedes desarrollar tus propios widgets usando esta librería.
Esta es la página donde encuentras los widgets:
http://ui.jquery.com/
Cómo instalar una DLL en el GAC (Global Assembly Cache)
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax, IIS, Windows - 7 Julio 2008
En ocasiones, cuando estás trabajando en Visual Web Developer 2008 con componentes ASP.NET de terceros (third party), notarás que no funciona el Intellisense y además el diseñador marca que tu componente no está definido. Este es un ejemplo de este problema con el componente FreeTextBox:
Noté que esto me pasaba por la siguiente razón:
Los archivos de mi aplicación están hosteados en un servidor (no en mi PC de desarrollo), por lo que creé una conexión a una unidad de red, asignándola a una letra. Es decir, había mapeado \\servidor\inetpub\wwwroot\proyecto a w:\proyecto. Al parecer si tienes tu servidor web de desarrollo corriendo en tu misma PC, lo anterior no ocurre, pero me parece que es muy probable que trabajes en una PC de desarrollo y accedas a un servidor de desarrollo mediante la red local donde están (y corren) los archivos de tu aplicación. Al menos es mi caso.
Para corregir esta situación tienes que agregar los DLLs del control en el GAC.
Deberás usar la utilidad gacutil.exe que viene en el SDK del .Net Framework 2. Si no lo tienes, descarga el SDK de aquí:
http://www.asp.net/Downloads/essential/
Coloca el componente (el DLL) en un fólder de la PC en la que usas Visual Web Developer 2008:

Ahora abre una ventana de MS-DOS, cámbiate a la carpeta en la que tienes instalado el gacutil.exe y corre el comando:
gacutil -i nombredeldll.dll
Ahora reinicia Visual Web Developer, abre tu aplicación de nueva cuenta y mira como ya funciona el Intellisense y no aparece el error de que tu control no está declarado:

Espero que te sea de utilidad.
Actualización
Si necesitaras desinstalar la libreria del GAC, utiliza esta instrucción:
gacutil -u NombreDeLaLibreria
No escribas .dll
Por ejemplo:
gacutil -u FreeTextBox
Cómo evitar el error Sys.WebForms.PageRequestManagerParserErrorException
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 22 Mayo 2008
Utilizando ASP.NET 3.5 y AJAX me encontré con la siguiente excepción:
Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Para solucionarlo simplemente agrega una sección triggers a tu updatepanel referenciando al botón que envía el formulario. Así:
-
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
-
<Triggers>
-
<asp:PostBackTrigger ControlID="MiBoton" />
-
</Triggers>
-
<ContentTemplate>
-
...tu contenido aquí...
-
</ContentTemplate>
-
</asp:UpdatePanel>
Normalmente esto siempre funciona, pero si no, visita esta página que contiene toda la explicación completa y más opciones de resolución.
Iconos de espera para Ajax
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 28 Enero 2008
¿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.
Los controles de validación no funcionan dentro de un UpdatePanel
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 7 Junio 2007
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
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 archivoweb.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 tagType="System.Web.UI.WebControls.CustomValidator"
-
mappedTagType="Sample.Web.UI.Compatibility.CustomValidator, Validators, Version=1.0.0.0"/>
-
<add tagType="System.Web.UI.WebControls.RangeValidator"
-
mappedTagType="Sample.Web.UI.Compatibility.RangeValidator, Validators, Version=1.0.0.0"/>
-
<add tagType="System.Web.UI.WebControls.RegularExpressionValidator"
-
mappedTagType="Sample.Web.UI.Compatibility.RegularExpressionValidator, Validators, Version=1.0.0.0"/>
-
<add tagType="System.Web.UI.WebControls.RequiredFieldValidator"
-
mappedTagType="Sample.Web.UI.Compatibility.RequiredFieldValidator, Validators, Version=1.0.0.0"/>
-
<add tagType="System.Web.UI.WebControls.ValidationSummary"
-
mappedTagType="Sample.Web.UI.Compatibility.ValidationSummary, Validators, Version=1.0.0.0"/>
-
</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.
Sys.Debug.isDebug es nulo o no es un objeto
Por Pablo Viale - ASP.NET 2.0 / 3.5, Ajax - 7 Junio 2007
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:
- Desinstala las Extensiones de Ajax
- Reinicia el IIS
- Descarga e instala las Extensiones de Ajax más nuevas de www.asp.net
- 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.
Usando UpdatePanel con Triggers
Por Pablo Viale - Ajax - 31 Mayo 2007
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>
Ejemplo básico de un UpdatePanelAnimationExtender de Ajax
Por Pablo Viale - Ajax - 21 Mayo 2007
Este es un ejemplo probado de un UpdatePanelAnimationExtender de Ajax.
Cuando el UpdatePanel ha sido actualizado este ejemplo hace un fade out y luego un fade in al contenido de un tag DIV.
Te servirá de base para experimentar.
VerPostal.aspx
-
<asp:ScriptManager id="ScriptManager1" runat="server"> </asp:ScriptManager>
-
<asp:UpdatePanel id="UpdatePanel1" runat="server">
-
<contenttemplate>
-
<DIV style="BACKGROUND-COLOR: silver">
-
<asp:Label id="Label1" runat="server" Text="Label"> </asp:Label>
-
<BR />
-
<asp:Button id="Button1" onclick="Button1_Click" runat="server" Text="Button"> </asp:Button>
-
<BR />
-
<BR />
-
<BR />
-
<BR />
-
<BR />
-
</DIV>
-
</contenttemplate>
-
</asp:UpdatePanel>
-
<cc1:UpdatePanelAnimationExtender id="UpdatePanelAnimationExtender1" runat="server"
-
TargetControlID="UpdatePanel1">
-
<animations>
-
<OnUpdated>
-
<Sequence>
-
<FadeOut Duration=".2" Fps="30" />
-
<FadeIn Duration=".2" Fps="30" />
-
</Sequence>
-
</OnUpdated>
-
</animations>
-
</cc1:UpdatePanelAnimationExtender>
VerPostal.aspx.vb
-
Partial Class VerPostal
-
Inherits System.Web.UI.Page
-
-
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
-
Label1.Text = Now.ToString
-
End Sub
-
-
End Class
Más información:
http://ajax.asp.net/ajaxtoolkit/UpdatePanelAnimation/UpdatePanelAnimation.aspx



