Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Objetivo
Temas
1. ASP.NET AJAX
2. Controles básicos de AJAX
3. Instalación y uso de AJAX Toolkit
1. ASP.NET AJAX
Con ASP.NET AJAX una página puede realizar “partial-page updates” sin tener
que renderizar todo su contenido, evitando así postbacks completos. Solo
basta identificar las páginas cuyos datos se actualizan frecuentemente e incluir
en cada una el control ScriptManager para habilitar AJAX client-side libary. A
partir de ese momento, se pueden utilizar los controles UpdatePanel,
UpdateProgress y Timer que invoquen a los controles del servidor.
<body>
<form runat="server">
<asp:ScriptManager runat="server">
<Scripts>
<%--To learn more about bundling scripts in ScriptManager see
http://go.microsoft.com/fwlink/?LinkID=301884 --%>
<%--Framework Scripts--%>
<asp:ScriptReference Name="MsAjaxBundle" />
<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="bootstrap" />
<asp:ScriptReference Name="respond" />
...
<asp:ScriptReference Name="WebFormsBundle" />
<%--Site Scripts--%>
</Scripts>
</asp:ScriptManager>
...
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="300"
DynamicLayout="True">
<ProgressTemplate>
<img src="Images/loading.gif" />
</ProgressTemplate>
</asp:UpdateProgress>
</asp:UpdatePanel>
Vamos a distinguir entre controles Web y extensiones, donde los primeros son
una entidad por sí mismos, mientras que los segundos únicamente añaden un
comportamiento a un control Web existente.
Estos controles van desde un simple botón con una alerta asociada, hasta un
complejo panel que podemos arrastrar por la pantalla; en ambos casos,
mandando y recogiendo información entre el cliente y el servidor sin ningún tipo
de recarga de página. Su uso hará que nuestra Web sea mucho más atractiva
y simpática al usuario, así como potente y efectiva.
Ejercicio Nº 11