domingo, 18 de agosto de 2013

Formatando valores no GridView

Olá Pessoal, Hoje vamos falar de como formatar valores de colunas em nosso GridView. Imaginemos que temos no grid um campo do tipo DateTime chamado de DataNasc (data de nascimento do cliente) e queremos exibí-lo no formato brasileiro, ou seja, dd/mm/yyyy.

Então em nosso GridView, ao adicionarmos nossa coluna, definimos a propriedade DateFormatString para o nosso formato escolhido, ficando assim: DataFormatString="{0:dd/MM/yyyy}"
Pareceu meio complicado? Que nada, veja o código completo.




        <asp:GridView ID="grdListagemClientes" runat="server">
        <Columns>
            <asp:BoundField DataField="codCliente" HeaderText="Código" />
            <asp:BoundField DataField="nomeCliente" HeaderText="Nome" />                          
            <asp:BoundField DataField="cpfCliente" HeaderText="CPF" />
            <asp:BoundField DataField="dataNascCliente" HeaderText="Data de Nascimento" DataFormatString="{0:dd/MM/yyyy}" HtmlEncode="false" />
            <asp:BoundField DataField="totalCompras" HeaderText="Total de Compras (R$)" DataFormatString="{0:c}" HtmlEncode="false" />
        </Columns>
    </asp:GridView>

Veja que no campo dataNascCliente adicionamos o DateFormatString


    <asp:BoundField DataField="dataNascCliente" HeaderText="Data de
    Nascimento" DataFormatString="{0:dd/MM/yyyy}" HtmlEncode="false" />


Mas o que é essa propriedade HtmlEncode? Então, googlando encontrei que temos que definí-lo para False, do contrário, localmente, a formatação não funciona, mas misteriosamente no servidor funciona perfeitamente.

Veja também que no outro campo "totalCompras" eu formatei ele para Currency, no caso exibiria o valor em Reais. :)

Existem 2 tipos de formatação, os chamados Standard Format e Custom Format, no primeiro exemplo de coluna com a data de nascimento utilizamos uma Custom Format, já no segundo, utilizamos uma Standard Format. Mas quais são as Standards Formats mais usadas? Segue uma tabelinha:

Standard Format  - Utilização
  • C  - Exibe o valor no formato de moeda.
  • D  - Exibe o valor em formato decimal.
  • E  - Exibe o valor no formato cientìfico (exponencial).
  • F  - Exibe o valor no formato fixo.
  • G  - Exibe o valor no formato geral.
  • N  - Exibe o valor no formato numérico.
  • P  - Exibe o valor no formato de porcentagem.

Lembrando que elas não são case sensitive, ou seja, tanto faz usarmos {0:c} como {0:C}.
Fácil não?

Até a próxima.




0 comentários:

Postar um comentário