Saul Remis

Developing ideas

Cómo formatear un campo de un dataGrid en ASP

El problema es fácil de ver, cuando tengo preparada una consulta a mi base de datos y la información devuelta por ejemplo es de tipo “currency” (moneda) o con muchos decimales, parece lógico formatear el aspecto.

Para ello usaremos la propiedad DataFormatString.

Cada una de las columnas de nuestro datagrid tendrá una forma similar a:

<asp:BoundField DataField=”NombreCampo” HeaderText=”NombreCabecera” SortExpression=”CabeceraCorta” />

Y la modificaremos para formatearla como:

<asp:BoundField DataField=”NombreCampo” HeaderText=”NombreCabecera” SortExpression=”CabeceraCorta”  DataFormatString=”0:F2″/>

En el caso superior estamos configurando un formato de tipo FIJO con 2 decimales.

DIFERENTES OPCIONES:

Carácter de formato Descripción
C Muestra los valores numéricos en formato de moneda.
D Muestra los valores numéricos en formato decimal.
E Muestra los valores numéricos en formato científico (exponencial).
F Muestra los valores numéricos en formato fijo.
G Muestra los valores numéricos en formato general.
N Muestra los valores numéricos en formato numérico.
X Muestra los valores numéricos en formato hexadecimal.
NotaNota:
En los caracteres de formato no se distingue entre mayúsculas y minúsculas, salvo en el caso de X, que muestra los caracteres hexadecimales en la grafía especificada.

Otro ejemplo a continuación:

<asp:gridview id=”DiscountsGridView”
datasourceid=”DiscountsSqlDataSource”
autogeneratecolumns=”False”
runat=”server”>

<columns>
<asp:boundfield datafield=”discounttype”
headertext=”Discount Type”/>
<asp:boundfield datafield=”discount”
HtmlEncode=”false”
dataformatstring=”{0:F4}%”
itemstyle-horizontalalign=”Right”
headertext=”Discount”/>
</columns>

</asp:gridview>

Espero que os sea de utilidad,

Saul Remis García

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Información

Esta entrada fue publicada en enero 16, 2013 por en .NET, ASP, Programación C#, Tutorial, Web y etiquetada con , , , , , , , , , , .
A %d blogueros les gusta esto: