Olá pessoal, neste artigo continuaremos a ver como formatar os dados no GridView, para exibir dados intuitivos ao usuário. Veremos a codificação e o resultado final, acompanhem:

 Continuando de onde paramos vamos formatar nosso GridView para exibirmos as colunas e os registros de uma forma mais amigável ao usuário. Para isso vá ao modo Source da aspx e no controle adicione a chamada ao evento OnRowDataBound, como vemos abaixo, na Listagem 01:

Listagem 01 – Chamada na aspx ao evento RowDataBound.

   

 Fizemos a chamada na aspx, agora devemos fazer no code-behind. Para isso, aperte F7 para irmos a página de códigos, entre no método Page_Load e faça a chamada ao evento, como mostra a Figura 01:


Figura 01 – Chamada no code-behind ao evento RowDataBound

 Obs: Esta forma de chamar eventos é conhecida como delegate.

 Dica: após digitar += aperte a tecla Tab duas vezes seguidas para que o evento seja criado automaticamente. Não se esqueça de adicionar o modificador protected no início da chamada ao evento.

 Agora vamos codificar o evento. O código abaixo mostra como alterar o nome das colunas e formatar os dados dos registros exibidos. Confira na Listagem 02:

Listagem 02 – Codificação no evento RowDataBound para formatar os dados do Grid.

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //Altero o nome das colunas
            GridView1.Columns[0].HeaderText = "Código";
            GridView1.Columns[1].HeaderText = "Nome do Produto";
            GridView1.Columns[2].HeaderText = "Preço Unitário";
            GridView1.Columns[3].HeaderText = "Unidades em Estoque";
 
            //Registros das colunas Código, Preço Unitário e Unidades em Estoque centralizados
            GridView1.Columns[0].ItemStyle.HorizontalAlign = HorizontalAlign.Center;
            GridView1.Columns[2].ItemStyle.HorizontalAlign = HorizontalAlign.Center;
            GridView1.Columns[3].ItemStyle.HorizontalAlign = HorizontalAlign.Center;
 
            //Todos registros em negrito
            GridView1.Style.Add("font-weight", "bold");
 
            //Registros da coluna Preço Unitário em cor vermelha
            GridView1.Columns[2].ItemStyle.ForeColor = Color.Red;  
        }
    }

 Agora mande executar o projeto e veja o resultado. A Figura 02 nos mostra o GridView com a formatação aplicada:


Figura 02 – GridView com formatação aplicada

 Note que é bem simples manipularmos o GridView, podendo assim aplicar praticamente qualquer tipo de formatação que desejarmos!

 Assim finalizo o artigo. Muito obrigado a todos!

 Um abraço, e até o próximo artigo.

 Wellington Balbo de Camargo

 wellingtonbalbo@gmail.com