componentes de datos - cv1.cpd.ua.es · construcción de la tabla de datos (gridview) (forma manual...
TRANSCRIPT
![Page 1: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/1.jpg)
Componentes de datosComponentes de datos
Abril 2009
![Page 2: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/2.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 3: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/3.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 4: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/4.jpg)
Componentes de datos� Esta será nuestra base de datos.� Cada electrónica tendrá muchas rosetas (equivalente a pedido-líneas de
pedido).
![Page 5: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/5.jpg)
Componentes de datos� Primero crearemos el seleccionable.� Este seleccionable en Visual Studio se llama DropDownList.
![Page 6: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/6.jpg)
Componentes de datos� Posteriormente construiremos la tabla de datos.� Para el manejo de datos utilizaremos el componente gridView, el cual esta
diseñado para recibir datos y nos facilitará la tarea.
![Page 7: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/7.jpg)
Componentes de datos� Haremos que el cambio del primer componente (DropDownList) disparé el
segundo (GridView), de esta forma, cada cambio de electrónica o pedido nos mostrará las rosetas o líneas de pedido que contiene.
![Page 8: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/8.jpg)
Componentes de datos� Para la gestión de los datos crearemos una tabla y sus respectivos
botones.� Si deseamos modificar una roseta se nos rellenará esa tabla con los datos
anteriores, y si deseamos insertar una nueva, se nos mostrará con valores nulos.
![Page 9: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/9.jpg)
Componentes de datos� Finalmente, se explicarán como realizar las llamadas al paquete donde
insertar, modificar o borrar las rosetas.� El paquete será el siguiente:
![Page 10: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/10.jpg)
Componentes de datos
![Page 11: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/11.jpg)
Componentes de datos
![Page 12: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/12.jpg)
¿Preguntas?¿Preguntas?
Abril 2009
![Page 13: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/13.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 14: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/14.jpg)
Utilización de un DropDownList
� Arrastramos el componente.
![Page 15: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/15.jpg)
Utilización de un DropDownList
� Elegir origen de datos -> nuevo origen de datos -> base de datos
![Page 16: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/16.jpg)
Utilización de un DropDownList
� Si hemos añadido anteriormente la cadena de conexión en el web.config podremos utilizarla para conectarnos en la base de datos.
![Page 17: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/17.jpg)
Utilización de un DropDownList� Elegimos la vista y los campos de la vista que deseamos mostrar.
� En la siguiente página podremos ver una consulta de prueba para comprobar que todo funciona correctamente.
![Page 18: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/18.jpg)
Utilización de un DropDownList
� En “elegir origen de datos” podremos elegir que campo mostrar y de que campo recogemos el valor.
![Page 19: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/19.jpg)
¿Preguntas?¿Preguntas?
Abril 2009
![Page 20: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/20.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 21: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/21.jpg)
Utilización de un GridView (Forma automática)
� Arrastramos el componente y elegimos “nuevo origen de datos”..
![Page 22: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/22.jpg)
Utilización de un GridView (Forma automática)
� Seleccionamos “Base de datos” y elegimos la conexión.
![Page 23: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/23.jpg)
Utilización de un GridView (Forma automática)
� Elegimos la vista y las columnas.� Al pulsar en WHERE podremos introducir la instrucción utilizando cualquier
componente de Visual Studio (controles, cookies, sesiones, …).
![Page 24: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/24.jpg)
Utilización de un GridView (Forma automática)
� Podemos editar las columnas que nos ha generado automáticamente en “Editar columnas”.
![Page 25: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/25.jpg)
Utilización de un GridView (Forma automática)
� Elegimos “Habilitar AutoPostBack”.� AutoPostBack: Cada vez que el
componente cambia se recarga la página.
![Page 26: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/26.jpg)
¿Preguntas?¿Preguntas?
Abril 2009
![Page 27: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/27.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 28: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/28.jpg)
Utilización de un GridView (Forma manual)SELECT DE UNA VISTA
� Al hacer doble click en el componente se nos generará automáticamente el evento SelectedIndexChanged, el cual es llamado cada vez que el dropDownList cambia de valor.
![Page 29: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/29.jpg)
Utilización de un GridView (Forma manual)
• Ejemplo de una SELECT a una vista:• Declaramos las variables.• Inicializamos la cadena de conexión.• Le damos valor a la variable que vamos a utilizar en la consulta.
![Page 30: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/30.jpg)
Utilización de un GridView (Forma manual)
• Ejemplo de una SELECT a una vista:• Creamos la consulta.• Le pasamos los parámetros.• Rellenamos la tabla o gridView de destino.• Cerramos la conexión y el reader.
![Page 31: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/31.jpg)
Componentes de datos
1. Introducción. ¿Qué vamos a hacer?
2. Construcción del seleccionable (DropDownList).
3. Construcción de la tabla de datos (GridView) (Forma 3. Construcción de la tabla de datos (GridView) (Forma
automática).
4. Construcción de la tabla de datos (GridView) (Forma manual
– Select de una vista).
5. Construcción de los mantenimientos (paquetes).
![Page 32: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/32.jpg)
Llamadas a paquetes
� Inserto los botones necesarios para interactuar con los datos (Modificar, Eliminar e insertar).
![Page 33: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/33.jpg)
Llamadas a paquetes
� Creo los elementos del formulario necesarios para gestionar los campos: Número (caja de texto), Puertos (caja de texto), Id_despacho (DropDownList) y valido (checkBox).
� Inserto los botones necesarios para interactuar con los datos (Insertar, Guardar y Volver).
![Page 34: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/34.jpg)
Llamadas a paquetes
� Creo dos componentes panel.El componente panel sirve para agrupar componentes y utilizarlos como un bloque.Contiene la propiedad Visible que la utilizare para visualizarlo u ocultarlo cuando sea conveniente.NOMBRE_DEL_COMPONENTE.VISIBLE = FALSE/TRUE;
Panel p_rosetas
Visualización de rosetas
Panel p_inup
Gestión de rosetas
![Page 35: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/35.jpg)
Llamadas a paquetes
� Para añadir columna de seleccionas -> “Habilitar selección”.Esto se utilizará para poder elegir la fila que deseemos.
� Rellenamos el DropDownList como en el primer ejemplo.
![Page 36: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/36.jpg)
Llamadas a paquetes
� Ejemplo de como rellenar los campos de la tabla creada anteriormente. (Para modificar).
![Page 37: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/37.jpg)
Llamadas a paquetes
� Ejemplo de como rellenar los campos de la tabla creada anteriormente. (Para insertar).
![Page 38: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/38.jpg)
Llamadas a paquetes
� INSERCIÓN - Parte 1.
![Page 39: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/39.jpg)
Llamadas a paquetes
� INSERCIÓN - Parte 2.
![Page 40: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/40.jpg)
Llamadas a paquetes
� MODIFICACIÓN - Parte 1.
![Page 41: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/41.jpg)
Llamadas a paquetes
� MODIFICACIÓN - Parte 2.
![Page 42: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/42.jpg)
Llamadas a paquetes
� Ejemplo de borrado de una fila.
![Page 43: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/43.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 44: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/44.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 45: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/45.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 46: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/46.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 47: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/47.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 48: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/48.jpg)
Llamadas a paquetes
� RESULTADO:
![Page 49: Componentes de datos - cv1.cpd.ua.es · Construcción de la tabla de datos (GridView) (Forma manual –Select de una vista). 5. Construcción de los mantenimientos (paquetes). Llamadas](https://reader035.vdocuments.site/reader035/viewer/2022062603/5f0664f77e708231d417c6bf/html5/thumbnails/49.jpg)
¿Preguntas?¿Preguntas?
Abril 2009