ASP.NET - Tipos de Controles

6,220 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,220
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ASP.NET - Tipos de Controles

  1. 1. Controles Considerações: 1 Classe Base: System.Web.UI.Control Controles 2 Objetos que Possuem Interface Visual e Geram Código HTML 3 São Agrupados por Categoria na Toolbox 2
  2. 2. Tipos de Controles Controles HTML Controles Servidor Cliente (JavaScript) Servidor (Visual C#) 3
  3. 3. Controles HTML Considerações:1 Classe Base: System.Web.UI.HtmlControls.HtmlControl2 Por Padrão são Manipulados no Lado do Cliente (JavaScript)3 Podem ser Convertidos para Controles de Servidor (Runat=Server) 4
  4. 4. Demonstração 1 Criando uma Página com Controles HTML 2 Visualizando o Código HTML nos Modos de (Compilação e Execução) 3 Convertendo um Controle HTML para um Controle de SERVIDOR 5
  5. 5. Controles de Servidor Considerações: 1 Classe Base: System.Web.UI.WebControls.WebControl 2 Controles de Servidor são Transformados em Controles HTML 3 Você pode Acessá-los pelo CodeBehind 6
  6. 6. Demonstração 1 Criando uma Página com Controles de Servidor (Standard) 2 Conhecendo os Controles (Image e ImageButton) 3 Conhecendo o Site ICONFINDER 4 Visualizando o Código HTML nos Modos de (Compilação e Execução) 7
  7. 7. Controles de Servidor (Ricos) Considerações: 1 Controles de Servidor que Geram HTML (Complexo) 2 Exemplos: Calendar, MultiView 8
  8. 8. Demonstração 1 Criando uma Página com o Controle Calendar 2 Criando uma Página com o Controle MultiView 3 Visualizando o Código HTML nos Modos de (Compilação e Execução) 9
  9. 9. Controles de Servidor (Navegação) Considerações: 1 Possuem Funcionalidades para Navegação entre Páginas 2 Principal Propriedade NavigateUrl 3 Exemplos: Menu, TreeView 10
  10. 10. Demonstração 1 Criando uma Página com o Controle Menu 2 Criando uma Página com o Controle TreeView 3 Visualizando o código HTML nos Modos de (Compilação e Execução) 11
  11. 11. Controles de Servidor (Login) Considerações: 1 Controles de Gerenciamento de Usuários (Autenticação e Cadastro) 2 São Integrados com Role Manager, MemberShip e WSAT 3 Exemplos: Login, PasswordRecovery, CreateUserWizard 12
  12. 12. Demonstração 1 Criando uma Página com o Controle Login 2 Criando uma Página com o Controle CreateUserWizard 3 Criando uma Página com o Controle PasswordRecovery 4 Visualizando o Código HTML nos Modos de (Compilação e Execução) 13
  13. 13. Controles de Servidor (WebParts) Considerações: 1 Permitem que o Usuário Altere a Aparência e Posição dos Controles 2 Aparência é Mantida Sempre (Mesmo se Fechar o Navegador) 3 Exemplos: WebPartManager, CatalogZone, EditorZone 14
  14. 14. Demonstração 1 Conhecendo o Site IGOOGLE 15
  15. 15. Controles de Servidor (ASP.NET AJAX) Considerações: 1 Geram Chamadas Assíncronas ao Servidor 2 Controles do Ajaxtoolkit Aumentam a Experiência do Usuário 3 Exemplos: ScriptManager, UpdatePanel, UpdateProgress 16
  16. 16. Demonstração 1 Conhecendo o Site AJAXTOOLKIT 17
  17. 17. Controles de Usuário (User Controls) Considerações: 1 Classe Base: System.Web.UI.UserControl 2 Estrutura Similar à de uma Página (Layout e CodeBehind) 3 É Caracterizado pela Extensão (ASCX e Diretiva <%@ CONTROL)OBS: Esse Controle Lembra o Recurso INCLUDE do ASP 3.0 18
  18. 18. Demonstração 1 Criando um User Control de Titulo 2 Visualizando as Diretivas <%@ Page e <%@ Control 3 Visualizando a Diretiva <%@ Register 19
  19. 19. Controles de Validação Considerações: 1 Classe Base: System.Web.UI.WebControls.BaseValidator 2 Validam as Informações Preenchidas nos Controles da Página 3 Garantem a Consistência da Informação no Lado do ClienteOBS: É possível ter mais de um Controle de Validação Mapeado por Controle 20
  20. 20. Processo de Validação (Cliente) Informação dos Controles Exibe mensagem de erro dos validadores OK? Não Client Sim Server Processa a Requisição 21
  21. 21. Demonstração 1 Conhecendo o Controle RequiredFieldValidator 2 Conhecendo o Controle CompareValidator 3 Conhecendo o Controle RangeValidator 4 Conhecendo o Controle RegularExpressionValidator 5 Conhecendo o Controle ValidationSummary 6 Colocando uma Imagem na Propriedade ErrorMessage 22

×