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
Tipos de Controles



   Controles HTML           Controles Servidor


     Cliente (JavaScript)       Servidor (Visual C#)




                                                       3
Controles HTML

 Considerações:

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


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


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




                                                                       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
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
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
Controles de Servidor (Ricos)

 Considerações:

 1   Controles de Servidor que Geram HTML (Complexo)


 2   Exemplos: Calendar, MultiView




                                                       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
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
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
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
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
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
Demonstração
 1   Conhecendo o Site IGOOGLE




                                 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
Demonstração
 1   Conhecendo o Site AJAXTOOLKIT




                                     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
Demonstração
 1   Criando um User Control de Titulo


 2   Visualizando as Diretivas <%@ Page e <%@ Control


 3   Visualizando a Diretiva <%@ Register




                                                        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 Cliente




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


                                                                            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
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
ASP.NET - Tipos de Controles

ASP.NET - Tipos de Controles

  • 2.
    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
  • 3.
    Tipos de Controles Controles HTML Controles Servidor Cliente (JavaScript) Servidor (Visual C#) 3
  • 4.
    Controles HTML Considerações: 1 Classe Base: System.Web.UI.HtmlControls.HtmlControl 2 Por Padrão são Manipulados no Lado do Cliente (JavaScript) 3 Podem ser Convertidos para Controles de Servidor (Runat=Server) 4
  • 5.
    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
  • 6.
    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
  • 7.
    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
  • 8.
    Controles de Servidor(Ricos) Considerações: 1 Controles de Servidor que Geram HTML (Complexo) 2 Exemplos: Calendar, MultiView 8
  • 9.
    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
  • 10.
    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
  • 11.
    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
  • 12.
    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
  • 13.
    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
  • 14.
    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
  • 15.
    Demonstração 1 Conhecendo o Site IGOOGLE 15
  • 16.
    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
  • 17.
    Demonstração 1 Conhecendo o Site AJAXTOOLKIT 17
  • 18.
    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
  • 19.
    Demonstração 1 Criando um User Control de Titulo 2 Visualizando as Diretivas <%@ Page e <%@ Control 3 Visualizando a Diretiva <%@ Register 19
  • 20.
    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 Cliente OBS: É possível ter mais de um Controle de Validação Mapeado por Controle 20
  • 21.
    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
  • 22.
    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