ASP.NET - Tipos de Controles

Controles ASP .NETLeonardo Lourenço SilvaMCT, MCPD, MCTS, MCP

http://leolosi.wordpress.comhttp://linkedin.com/in/leolosihttp://slideshare.net/leolosihttp://grou.ps/dotnetcoders

2

Controles

Controles

Considerações:Considerações:

Classe Base: System.Web.UI.Control Classe Base: System.Web.UI.Control11

Objetos que Possuem Interface Visual e Geram Código HTML Objetos que Possuem Interface Visual e Geram Código HTML22

São Agrupados por Categoria na Toolbox São Agrupados por Categoria na Toolbox33

3

Tipos de Controles

Controles HTML Controles Servidor

Cliente (JavaScript)Cliente (JavaScript) Servidor (Visual C#) Servidor (Visual C#)

4

Controles HTML

Considerações:Considerações:

Classe Base: System.Web.UI.HtmlControls.HtmlControl Classe Base: System.Web.UI.HtmlControls.HtmlControl11

Por Padrão são Manipulados no Lado do Cliente (JavaScript) Por Padrão são Manipulados no Lado do Cliente (JavaScript)22

Podem ser Convertidos para Controles de Servidor (Runat=Server) Podem ser Convertidos para Controles de Servidor (Runat=Server)33

5

Demonstração

Criando uma Página com Controles HTML11

Visualizando o Código HTML nos Modos de (Compilação e

Execução)22

Convertendo um Controle HTML para um Controle de SERVIDOR33

6

Controles de Servidor

Considerações:Considerações:

Classe Base: System.Web.UI.WebControls.WebControl Classe Base: System.Web.UI.WebControls.WebControl11

Controles de Servidor são Transformados em Controles HTML Controles de Servidor são Transformados em Controles HTML22

Você pode Acessá-los pelo CodeBehind Você pode Acessá-los pelo CodeBehind33

7

Demonstração

Criando uma Página com Controles de Servidor (Standard)11

Conhecendo os Controles (Image e ImageButton)22

Conhecendo o Site ICONFINDER33

Visualizando o Código HTML nos Modos de (Compilação e

Execução)44

8

Considerações:Considerações:

Controles de Servidor que Geram HTML (Complexo) Controles de Servidor que Geram HTML (Complexo)11

Exemplos: Calendar, MultiView Exemplos: Calendar, MultiView22

Controles de Servidor (Ricos)

9

Demonstração

Criando uma Página com o Controle Calendar 11

Criando uma Página com o Controle MultiView22

Visualizando o Código HTML nos Modos de (Compilação e

Execução)33

10

Considerações:Considerações:

Possuem Funcionalidades para Navegação entre Páginas Possuem Funcionalidades para Navegação entre Páginas11

Principal Propriedade NavigateUrl Principal Propriedade NavigateUrl22

Controles de Servidor (Navegação)

Exemplos: Menu, TreeView Exemplos: Menu, TreeView33

11

Demonstração

Criando uma Página com o Controle Menu11

Criando uma Página com o Controle TreeView22

Visualizando o código HTML nos Modos de (Compilação e

Execução)33

12

Considerações:Considerações:

Controles de Gerenciamento de Usuários (Autenticação e Cadastro) Controles de Gerenciamento de Usuários (Autenticação e Cadastro)11

São Integrados com Role Manager, MemberShip e WSAT São Integrados com Role Manager, MemberShip e WSAT22

Exemplos: Login, PasswordRecovery, CreateUserWizard Exemplos: Login, PasswordRecovery, CreateUserWizard33

Controles de Servidor (Login)

13

Demonstração

Criando uma Página com o Controle Login11

Criando uma Página com o Controle CreateUserWizard 22

Criando uma Página com o Controle PasswordRecovery33

Visualizando o Código HTML nos Modos de (Compilação e

Execução)44

14

Controles de Servidor (WebParts)

Considerações:Considerações:

Permitem que o Usuário Altere a Aparência e Posição dos Controles Permitem que o Usuário Altere a Aparência e Posição dos Controles11

Aparência é Mantida Sempre (Mesmo se Fechar o Navegador) Aparência é Mantida Sempre (Mesmo se Fechar o Navegador)22

Exemplos: WebPartManager, CatalogZone, EditorZone Exemplos: WebPartManager, CatalogZone, EditorZone33

15

Demonstração

Conhecendo o Site IGOOGLE11

16

Controles de Servidor (ASP.NET AJAX)

Considerações:Considerações:

Geram Chamadas Assíncronas ao Servidor Geram Chamadas Assíncronas ao Servidor11

Controles do Ajaxtoolkit Aumentam a Experiência do Usuário Controles do Ajaxtoolkit Aumentam a Experiência do Usuário22

Exemplos: ScriptManager, UpdatePanel, UpdateProgress Exemplos: ScriptManager, UpdatePanel, UpdateProgress33

17

Demonstração

Conhecendo o Site AJAXTOOLKIT11

18

Controles de Usuário (User Controls)

Considerações:Considerações:

Classe Base: System.Web.UI.UserControl Classe Base: System.Web.UI.UserControl11

Estrutura Similar à de uma Página (Layout e CodeBehind) Estrutura Similar à de uma Página (Layout e CodeBehind)22

É Caracterizado pela Extensão (ASCX e Diretiva <%@ CONTROL) É Caracterizado pela Extensão (ASCX e Diretiva <%@ CONTROL)33

OBS: Esse Controle Lembra o Recurso INCLUDE do ASP 3.0OBS: Esse Controle Lembra o Recurso INCLUDE do ASP 3.0

19

Demonstração

Criando um User Control de Titulo11

Visualizando as Diretivas <%@ Page e <%@ Control22

Visualizando a Diretiva <%@ Register33

20

Controles de Validação

Considerações:Considerações:

Classe Base: System.Web.UI.WebControls.BaseValidator Classe Base: System.Web.UI.WebControls.BaseValidator11

Validam as Informações Preenchidas nos Controles da Página Validam as Informações Preenchidas nos Controles da Página22

Garantem a Consistência da Informação no Lado do Cliente Garantem a Consistência da Informação no Lado do Cliente33

OBS: É possível ter mais de um Controle de Validação Mapeado por ControleOBS: É possível ter mais de um Controle de Validação Mapeado por Controle

21

Processo de Validação (Cliente)

OK?OK?

Sim

Informação dos Controles

Informação dos Controles

Processa a RequisiçãoProcessa a Requisição

Não

Exibe mensagem deerro dos validadores

Client

Server

22

Demonstração

Conhecendo o Controle RequiredFieldValidator11

Conhecendo o Controle CompareValidator22

Conhecendo o Controle RangeValidator33

Conhecendo o Controle RegularExpressionValidator44

Conhecendo o Controle ValidationSummary55

Colocando uma Imagem na Propriedade ErrorMessage66

© 2011 Microsoft Corporation. All rights reserved. Microsoft, MSDN, the MSDN logo, and [list other trademarks referenced] are trademarks of the Microsoft group of companies.  The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation.  Because Microsoft must respond

to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. 

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Obrigado!