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.NETQuantidade 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 |
Software 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 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 |