Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

xanburzum

Controles Do Ajax

Recommended Posts

Neste tutorial criaremos 3 arquivos (northwind.mdb, default.aspx e web.config) e 1 diretório (~/App_Data) que devem ficar na raiz da aplicação, podendo ou não ser a pasta /web.

 

• Diretório ~/App_Data

Este diretório deve ser criado na pasta raiz da aplicação e configurado com permissão de escrita. Para saber como alterar a permissão de uma determinada pasta, clique aqui.

 

• Northwind.mdb

Banco de dados MS Access de teste. Este banco possuirá a tabela Employees com as colunas EmployeeID, FirstName e LastName e ficará na pasta ~/App_Data. Para criar a tabela, pode usar a query abaixo no MS Access:

 

CREATE TABLE Employees (EmployeeID number primary key, FirstName varchar(100), LastName varchar(100))

Default.aspx

Esta página terá os controles do ASP.NET Ajax com a seguinte programação:

 

 

<%@ Page Language="VB" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<script runat="server"> 
Protected Sub GridView1_PageIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewPageEventArgs) 
’Este código inclui um delay de 3 segundos para poder exemplificar o controle do Atlas funcionando 
System.Threading.Thread.Sleep(3000) 
End Sub 
</script> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>Exemplo Locaweb</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 

</div> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" 
CellPadding="4" DataSourceID="AccessDataSource1" ForeColor="#333333" GridLines="None" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="4"> 
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> 
<Columns> 
<asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" /> 
<asp:BoundField DataField="LastName" HeaderText="LastName" SortExpression="LastName" /> 
</Columns> 
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" /> 
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" /> 
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" /> 
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /> 
<AlternatingRowStyle BackColor="White" /> 
</asp:GridView> 
  
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Northwind.mdb" 
SelectCommand="SELECT FirstName, LastName FROM Employees ORDER BY LastName"></asp:AccessDataSource> 
  
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"> 
<ProgressTemplate> 
Carregando ..... 
</ProgressTemplate> 
</asp:UpdateProgress> 
</form> 
</body> 
</html>

 

Arquivo de configurações da aplicação ASP.NET que referencia a biblioteca do ASP.NET Ajax que está instalado no servidor:

 

Web.config

 

 

<?xml version="1.0"?> 
<configuration> 
<configSections> 
<sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> 
<sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> 
<section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/> 
<sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> 
<section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="Everywhere" /> 
<section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication" /> 
<section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication" /> 
</sectionGroup> 
</sectionGroup> 
</sectionGroup> 
</configSections> 
<system.web> 
<pages> 
<controls> 
<add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
</controls> 
</pages> 
<compilation debug="false"> 
<assemblies> 
<add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
</assemblies> 
</compilation> 
<httpHandlers> 
<remove verb="*" path="*.asmx"/> 
<add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
<add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
<add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/> 
</httpHandlers> 
<httpModules> 
<add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
</httpModules> 
</system.web> 
</configuration>

 

 

Veja que neste exemplo, forçamos uma espera de 3 segundos na paginação do GridView para que você possa ver o funcionamento dos controles ScriptManager, UpdatePanel e UpdateProgressdo Ajax.

 

A construção de páginas com controles do ASP.NET Ajax fica bem mais rápida e fácil se utilizado o ASP.NET AJAX Control Toolkit com o Visual Studio 2005. O ASP.NET AJAX Control Toolkit pode ser baixado em:

http://ajax.asp.net/downloads/default.aspx?tabid=47

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.