 |
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: 8970 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":
<%@ 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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
