Agregar imágenes a los CommandFields

Ahora bien, si lo que queremos es que nos salga una imagen en lugar de una leyenda tendremos que hacer lo siguiente.

En mi caso, voy a agregar una carpeta llamada Imagenes dentro de mi proyecto, y en esa carpeta voy a agregar cuatro imágenes: Actualizar.ico, Cancelar.ico, Editar.ico y Eliminar.ico

Entonces, para asignarle la imagen correspondiente a cada CommandField lo haremos desde codigo de la siguiente manera:

VB NET

Private Sub ImageCommandFields()
'Editar
Dim oEditColumn As CommandField = dgvListado.Columns(0)
oEditColumn.ButtonType = System.Web.UI.WebControls.ButtonType.Image
oEditColumn.EditImageUrl = "~/Imagenes/Editar.ico"
oEditColumn.CancelImageUrl = "~/Imagenes/Cancelar.ico"
oEditColumn.UpdateImageUrl = "~/Imagenes/Actualizar.ico"

'Eliminar
Dim oDeleteColumn As CommandField = dgvListado.Columns(1)
oDeleteColumn.ButtonType = System.Web.UI.WebControls.ButtonType.Image
oDeleteColumn.DeleteImageUrl = "~/Imagenes/Eliminar.ico"
End Sub

C#

private void ImageCommandFields()
{
//Editar
CommandField oEditColumn = (CommandField) dgvListado.Columns[0];
oEditColumn.ButtonType = System.Web.UI.WebControls.ButtonType.Image;
oEditColumn.EditImageUrl = "~/Imagenes/Editar.ico";
oEditColumn.CancelImageUrl = "~/Imagenes/Cancelar.ico";
oEditColumn.UpdateImageUrl = "~/Imagenes/Actualizar.ico";

//Eliminar
CommandField oDeleteColumn = (CommandField)dgvListado.Columns[1];
oDeleteColumn.ButtonType = System.Web.UI.WebControls.ButtonType.Image;
oDeleteColumn.DeleteImageUrl = "~/Imagenes/Eliminar.ico";
}

NOTA: También es posible asignar las imágenes a los CommandField desde la pantalla de diseño.

Comentarios

Entradas populares de este blog

Validar registros de un DataTable

Agregar registros a un GridView utilizando un DataTable