En el último post veíamos como de una forma sencilla podíamos construir vistas avanzadas de datos de una cierta BD a partir de la Data Form Web Part y utilizando SharePoint Designer 2007 (SD 2007) como herramienta y entorno de desarrollo. La página de vista de datos tenía el siguiente aspecto:
Ahora bien, os comentaba que está página tenía un funcionamiento pobre, puesto que las web parts que visualizan la información de la BD son independientes y sin ningún tipo de relación entre ellas. La idea de este segundo post es ver como podemos conectar de manera lógica estas web parts y como además con SD 2007 podemos añadir un formulario de inserción de datos en la BD. Empecemos.
Conectando las Web Parts con SD 2007
Lo primero que vamos a ver es como podemos conectar de manera lógica las web parts que aparecen en la página Productos. Para ello, seleccionamos una de las web parts de nuestra página y seguimos los siguientes pasos:
- En la siguiente pantalla simplemente pulsamos el botón Finish.
- Repetimos el proceso para conectar el resto de Web Parts de nuestra página:
- Por ejemplo, conectar Web Part Producto con la Web Part Subcategoría Producto. En este caso, al utilizar la opción Web Part Connections que ofrece el menú Common Data View Tasks de la Web Categoría Producto, se abrirá la siguiente pantalla en la que tendremos que pulsar el botón Add:
- En este caso, los campos utilizados para la conexión en origen y destino son:
- ID_CategoriaProducto.
- ID_SubcategoriaProducto.
Como campo de enlace utilizamos de nuevo sNombreProducto.
- Finalmente, repetimos el mismo procedimiento para conectar la Web Part Productos con la Web Part Descripción de Producto. En este caso, los campos utilizados para la conexión en origen y destino son:
- ID_DescripcionProducto.
- Como campo de enlace utilizamos de nuevo sNombreProducto.
Sin más, previsualizamos de nuevo la página y comprobamos que la conexión entre las Web Parts funciona correctamente: File -> Preview in Browser -> Windows Internet Explorer 7.0.
Creación del formulario de inserción de datos
Para finalizar el post vamos a ver como se podría construir un formulario de inserción de datos a partir de las conexiones de datos ya creadas. En particular, vamos a ver cómo podríamos insertar un nuevo producto en la BD. Los pasos necesarios son los siguientes:
- Seleccionamos la zona de inserción de Web Parts en Header dentro de la vista de diseño de la página Productos.
- Desde Data Source Library seleccionamos la conexión Productos y luego Show Data.
- En la pestaña Data Detail seleccionamos todos los campos del nuevo dataset Productos (1) y luego en la opción Insert Selected Fields as.. específcamos New Form.
El resultado que obtenemos es el siguiente:
Sin más, previsualizamos de nuevo la página y en el formulario de entrada de datos especificamos:
- ID_Producto: CURS12
- sNombreProducto: Curso de WCF
- ID_DescripcionProducto: DESC08
- ID_CategoriaProducto: Desarrollo
- ID_SubcategoriaProducto: Herramientas
- iCantidadProducto:2
Al pulsar el botón Save, veremos que el nuevo producto se ha añadido de manera efectiva a la BD.
Y hasta aquí llega este segundo post sobre creación de vistas avanzadas y formularios de insercción con SD 2007. Espero que el post os haya resultado interesante.
Comparte este post: