Você está aqui: ASP.NET ::: ASP.NET Data Controls (Controles de Dados) :::

O que é e como usar o controle <asp:GridView> em suas aplicações ASP.NET

Quantidade de visualizações: 9654 vezes
O controle <asp:GridView>, um objeto da classe GridView, exibe os valores de uma fonte de dados em formato de tabela (controle HTML table), onde cada coluna representa um campo e cada linha representa um registro. Além disso, este controle nos permite selecionar, ordenar e editar os itens exibidos.

Os desenvolvedores que já usam o ASP.NET desde seu lançamento vão perceber que o controle GridView substitui o controle DataGrid, usado no ASP.NET 1.x. Desta forma, podemos continuar usando o DataGrid, mas, devido à quantidade imensa de melhorias no GridView, recomendo fortemente que passemos a usá-lo em todas as aplicações ASP.NET em desenvolvimento.

Veja a posição da classe GridView na hierarquia de classes da plataforma .NET:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

System.Object
  System.Web.UI.Control
    System.Web.UI.WebControls.WebControl
      System.Web.UI.WebControls.BaseDataBoundControl
        System.Web.UI.WebControls.DataBoundControl
          System.Web.UI.WebControls.CompositeDataBoundControl
            System.Web.UI.WebControls.GridView

Podemos adicionar um controle <asp:GridView> em nossas páginas de duas formas:

a) Se estiver usando o Visual Studio 2008 ou mais recente, vá até o Toolbox, localize a seção Data e arraste um controle GridView para a posição desejada no formulário. Em tempo de design este controle exibe uma seta no canto superior direito que permite várias operações, tais como escolher a fonte de dados, editar as colunas, adicionar novas colunas, habilitar ou desabilitar a ordenação, paginação, etc.

b) Se preferir criar o controle <asp:GridView> "na mão" mesmo, basta inserir em sua página um código parecido com o que temos abaixo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>

Para a funcionalidade mais básica de um controle GridView nós só precisamos fornecer o identificador de um controle <asp:SqlDataSource> para sua propriedade DataSourceID.

Veja o exemplo de uma página ASP.NET no qual temos um controle <asp:SqlDataSource> e um controle <asp:GridView>. Note que só precisamos informar a string de conexão para a propriedade ConnectionString e a query SQL a ser executada para a propriedade SelectCommand do SqlDataSource. Como o controle GridView já está "ligado" ao SqlDataSource, bastará executar a aplicação para ver todos os registros serem listados no GridView.

Eis o código completo para a página Default.aspx:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<%@ Page Language="C#" AutoEventWireup="true"  
CodeFile="Default.aspx.cs" Debug="true"
Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Estudos ASP.NET</title>
</head>
<body>

<form id="form1" runat="server">
  
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
   ConnectionString="Data Source=NOTEBOOK;Initial Catalog=estudos;
     Integrated Security=True"
   SelectCommand="SELECT * FROM clientes">
</asp:SqlDataSource><br />
  
<asp:GridView ID="GridView1" runat="server" 
  DataSourceID="SqlDataSource1">
</asp:GridView> 
  
</form>

</body>
</html>

Ao executar este exemplo você notará que os nomes dos campos na tabela são usados como títulos para as colunas da tabela HTML gerada. Como comportamento básico do controle <asp:GridView> este é o resultado obtido mesmo. Em outras dicas desta sessão você verá como isso pode ser alterado.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de ASP.NET

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 71 usuários muito felizes estudando em nosso site.