 |
|
Você está aqui:
ASP.NET :::
ASP.NET Data Controls (Controles de Dados) ::: |
Como personalizar os títulos das colunas de um controle <asp:GridView>Quantidade de visualizações: 8671 vezes |
|
Por padrão, quando ligamos a propriedade DataSourceID de um controle <asp:GridView> a um controle <asp:GridView> e exibimos os dados de uma tabela do banco de dados, os títulos das colunas do controle GridView recebem os nomes dos campos na tabela. Este comportamento é bom para fins de depuração mas, em aplicações do mundo real precisamos de uma forma de personalizar tais títulos. A classe GridView possui uma propriedade chamada AutoGenerateColumns que é true por padrão. É esta propriedade que faz com que um objeto AutoGeneratedField seja automaticamente criado para cada um dos campos da tabela. Consequentemente os títulos das colunas acabam recebendo o nome de cada campo na tabela do banco de dados. O que precisamos fazer é definir o valor false para a propriedade AutoGenerateColumns e gerarmos, nós mesmo, as colunas do GridView. Isso pode ser feito de duas formas: em tempo de design e em tempo de execução. Nesta dica abordarei a personalização dos títulos das colunas em modo de design. Se estiver usando o Visual Studio 2008 ou mais recente você só precisa selecionar o controle GridView, clicar na seta no canto superior direito e acessar o editor de colunas. Se quiser fazer via código mesmo, só precisa adicionar um elemento <Columns> ao elemento <asp:GridView> e, dentro deste, os controles <asp:BoundField>, <asp:ButtonField>, <asp:CheckBoxField>, <asp:CommandField>, etc. Veja o código para uma página Default.aspx na qual temos um <asp:GridView> representando os dados de uma tabela chamada clientes. Veja que os títulos das colunas do GridView estão definidos como "Código", "Nome", "Cidade" e "Estado": ----------------------------------------------------------------------
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"
AutoGenerateColumns="False"
DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="id" HeaderText="Código" />
<asp:BoundField DataField="nome" HeaderText="Nome" />
<asp:BoundField DataField="cidade" HeaderText="Cidade" />
<asp:BoundField DataField="estado" HeaderText="Estado" />
</Columns>
</asp:GridView>
</form>
</body>
</html>
Note que aqui eu usei controles <asp:BoundField> com apenas duas propriedades básicas: DataField e HeaderText. No entanto, este controle permite uma personalização mais refinada. Não deixe de verificar minhas outras dicas sobre este tópico para aprender sobre as funcionalidades adicionais. |
 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 atendimentoDiga 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 funcionalidadesTenha 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 |
