Académique Documents
Professionnel Documents
Culture Documents
LABORATORIO ASP.NET – 5.
El contenido de este laboratorio tiene todos los derechos reservados, por lo tanto no
se puede reproducir, transcribir, almacenar a un sistema de recuperación o de
alteración, asimismo la traducción a otro idioma de ninguna forma o por ningún
medio mecánico, manual, electrónico, magnético, óptico o de otro modo.
5 ASP.NET
Campos de columna
EL objeto DataControlField representa cada columna del control GridView. Luego de manera
predeterminada, la propiedad AutoGenerateColumns se establece en true, lo que crea un objeto
AutoGeneratedField para cada campo del origen de datos. A continuación, cada campo se
representa como una columna del control GridView en el orden de aparición de cada campo en el
origen de datos.
BoundField
Muestra el valor de un campo en un origen de datos. Éste es el tipo de columna predeterminado
del control GridView.
HyperLinkField
Muestra el valor de un campo en un origen de datos como un hipervínculo. Este tipo de campo de
columna permite enlazar un segundo campo a la dirección URL del hipervínculo.
ImageField
Muestra una imagen para cada elemento del control GridView.
CheckBoxField
Muestra controles de casilla de verificación para cada elemento del control GridView.
ButtonField
Muestra un botón de comando para cada elemento del control GridView. Realiza la creación de una
columna de controles de botón personalizados, como el botón Agregar o Quitar.
TemplateField
Esta etiqueta muestra el contenido definido por el usuario para cada elemento del control GridView
según una plantilla especificada sirve para un tipo de campo de columna personalizado.
CommandField
Este muestra los botones de comando predefinidos para realizar operaciones de selección, edición
o eliminación para el mantenimiento de un listado.
ShowDeleteButton
Muestra u oculta un botón de eliminación en un campo CommandField para cada uno de los
registros del control enlazado a datos.
ShowEditButton
Muestra u oculta un botón de edición en un campo CommandField para cada uno de los
registros del control enlazado a datos. El botón de edición permite al usuario editar un registro
del origen de datos. Cuando el usuario hace clic en el botón de edición para un registro
concreto, dicho botón se reemplaza con los botones de actualización y cancelación.
ShowInsertButton
Muestra u oculta el botón de nuevo en un campo CommandField. El botón de nuevo permite al
usuario insertar un nuevo registro del origen de datos. Cuando el usuario hace clic en el botón
de nuevo, dicho botón se reemplaza con los botones de inserción y cancelación. Todos los
demás botones de comando también se ocultan.
En la base de datos Northwind tenemos las siguientes tablas relacionadas que la utilizaremos en este
ejemplo:
Desde el explorador de servidores crearemos una nueva conexión, como se muestra a continuación:
Desde el Explorador de Servidores seleccionar la tabla Orders y arrastrarla al Web Forms que crearemos
con el nombre Ordenes.aspx , el cual creara un GridView y un enlace a datos SqlDAtaSource:
Definiremos un Join del tipo QueryString que será enviado desde el Url, para esto seleccionamos el botón
WHERE y escribimos lo siguiente y en agregar:
Debajo de este GridView crearemos otro que mostrara los detalles de las ordenes, en el cual
seleccionaremos otro origen de datos como se indica en la figura:
En las condiciones del WHERE indicaremos que le parámetro de este join sera enviado por el primer
GridView.
Seleccionamos Avanzadas, para indicar que nuestro origen de datos admitirá la modificación:
Luego en el GridView seleccionamos el asistente para agregar una nueva columna en la cual ingresamos
según el siguiente cuadro:
En este cuadro marcamos las opciones indicadas, Y luego establecemos a true la propiedad del GridView
EnableSortingAndPagingCallBacks, para que admita la llamada a estos métodos:
Falta indicarle al controlador de los cambios cual va hacer la llave primaria para realizar los cambios
El Control Wizard
El control Wizard de ASP.NET simplifica muchas de las tareas asociadas a la creación de varios formularios
y la recopilación de los datos proporcionados por el usuario. El control Wizard proporciona un sencillo
mecanismo que permite crear y agregar pasos o reordenar los pasos existentes con facilidad. Puede crear
exploraciones lineales y no lineales, así como personalizar la exploración del usuario del control sin
necesidad de escribir código.
Mediante el control Wizard, puede utilizar pasos diferenciados para recopilar datos. De esta forma, los
usuarios se pueden desplazar por los pasos según su criterio y se facilita su labor. Como desarrollador, no
tiene que preocuparse por conservar los datos en las páginas porque el control mantiene el estado
mientras el usuario finaliza los distintos pasos.
Diseño del control Wizard, se observa que dispone de un diseñador dinámico para su configuración:
En el paso Información, agregamos los elementos según la grafica de identificación, además validamos el
correo con los controles de validación.
En el paso comentarios, agregamos los siguientes elementos según la grafica, incluso se tiene que agregar
las validaciones que se indica.
En el Item Completado, agregamos un label, y configuraremos el evento finalizar del Wizard, para esto
desde el cuadro de propiedades seleccionamos eventos y damos doble click sobre la propiedad
FinishButtonClick, como se muestra en la grafica: