Conectar dos vistas de datos

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

En Microsoft Office SharePoint Designer 2007, probablemente tendrá por costumbre crear aplicaciones que usen en gran medida los orígenes de datos y las vistas de datos. Al conectar vistas de datos que han sido insertadas como vistas o formularios, puede crear conexiones entre ellas de modo que cuando realiza una acción en una vista de datos, cambia el contenido de la otra. Conectar las vistas de datos es una forma rápida pero eficaz de agregar interactividad a un sitio o aplicación.

Nota: Las vistas de datos son un tipo de elemento Web, por lo que los conceptos y procedimientos de este artículo son válidos igualmente para cualquier elemento Web que se pueda conectar con otro elemento Web.

En este artículo se demuestra cómo crear dos vistas de datos y cómo conectarlas con el Asistente para conexiones de elementos Web.

Para obtener más información sobre las vistas de datos, vea crear una vista de datos.

En este artículo

¿Por qué conectar elementos Web?

Crear la primera vista de datos con Products.xml

Crear un archivo XML como origen de datos de ejemplo

Crear una vista de datos con Suppliers.xml

Conectar los elementos Web

Probar la conexión de elementos Web

Quitar una conexión de elementos Web

¿Por qué conectar elementos Web?

Al conectar dos elementos Web, puede pasar datos entre ellos y sincronizar su comportamiento. Por ejemplo, puede conectar un elemento Web Vista de lista que muestre una lista de empleados en un elemento Web Imagen. Después de vincular los dos elementos Web, cada vez que haga clic en el nombre de un empleado en el elemento Web Vista de lista, la imagen del empleado seleccionado se mostrará en el elemento Web Imagen.

Puede establecer una conexión de un elemento Web simple en el explorador. Por ejemplo, puede conectar un elemento Web a otro que resida en la misma página de elementos Web. Sin embargo, puede extender la funcionalidad de la conexión con Office SharePoint Designer 2007. Por ejemplo, se puede usar el elemento Web Formulario para filtrar los datos en otro elemento Web o se pueden establecer conexiones entre los elementos de dos páginas de elementos Web independientes que se encuentren en el mismo sitio Web de nivel superior. Ambas acciones requieren Office SharePoint Designer 2007 y no se pueden realizar en el explorador.

Volver al principio

Crear la primera vista de datos con Products.xml

Neptuno, una compañía de distribución de alimentos para gourmets, realiza el seguimiento de su inventario en un archivo .xml denominado Products.xml y muestra los datos de ese archivo en una vista de datos. Esta vista de datos se insertó como formulario para que el equipo pueda actualizar el inventario a través del explorador y guardar los cambios en Products.xml. Cuando el inventario indica que hay pocos artículos, un miembro del equipo llama al proveedor de ese producto, realiza un pedido y actualiza el inventario con la vista de datos. Pero cada vez que un miembro del equipo realiza un pedido, también debe buscar la información de contacto del proveedor.

Sugiere que se inserte una segunda vista de datos que muestre la información de contacto del proveedor y se cree después una conexión entre los dos elementos Web. De ese modo, cuando el miembro de un equipo esté listo para realizar un pedido, puede ver tanto los datos del inventario como la información de contacto del proveedor de cada producto haciendo clic en un único hipervínculo.

Los procedimientos siguientes requieren el uso de dos archivos .xml como orígenes de datos y crear una vista de datos de cada uno de los orígenes de datos. Para seguir el ejemplo, cree la primera vista de datos de Products.xml siguiendo los procedimientos descritos en el artículo Insertar una vista de datos como un formulario. A continuación, vuelva a este artículo para crear la segunda vista de datos de Suppliers.xml.

Volver al principio

Crear un archivo XML como origen de datos de ejemplo

Neptuno almacena la información de contacto de sus proveedores en un archivo .xml denominado Suppliers.xml.

Crear Suppliers.xml

  1. En el menú Archivo, haga clic en Abrir sitio.

  2. En el cuadro de diálogo Abrir sitio, busque y seleccione su sitio y, a continuación, haga clic en Abrir.

  3. Si se le solicita, en el cuadro de diálogo Conectar a, escriba su nombre de usuario y contraseña y, a continuación, haga clic en Aceptar.

  4. En el menú Archivo, haga clic en Nueva.

  5. En el cuadro de diálogo Nuevo, haga doble clic en Archivo de texto.

    Se abre un nuevo archivo de texto en su sitio.

  6. Copie las siguientes líneas de código seleccionándolas y presionando CTRL+C.

    <?xml version="1.0" encoding="utf-8"?>
    <SuppliersRoot>
    <Suppliers>
    <SupplierID>1</SupplierID>
    <CompanyName>Exotic Liquids</CompanyName>
    <ContactName>Charlotte Cooper</ContactName>
    <ContactTitle>Purchasing Manager</ContactTitle>
    <Address>49 Gilbert St.</Address>
    <City>London</City>
    <PostalCode>EC1 4SD</PostalCode>
    <Country>UK</Country>
    <Phone>(171) 555-2222</Phone>
    </Suppliers>
    <Suppliers>
    <SupplierID>2</SupplierID>
    <CompanyName>New Orleans Cajun Delights</CompanyName>
    <ContactName>Shelley Burke</ContactName>
    <ContactTitle>Order Administrator</ContactTitle>
    <Address>P.O. Box 78934</Address>
    <City>New Orleans</City>
    <Region>LA</Region>
    <PostalCode>70117</PostalCode>
    <Country>USA</Country>
    <Phone>(100) 555-4822</Phone>
    <HomePage>#CAJUN.HTM#</HomePage>
    </Suppliers>
    </SuppliersRoot>
  7. En Office SharePoint Designer 2007, coloque el punto de inserción en la parte superior de la página y, a continuación, presione CTRL+V para pegar el código que acaba de copiar en la página.

  8. En el menú Archivo, haga clic en Guardar como.

  9. En el cuadro de diálogo Guardar como, en el cuadro nombre de archivo, escriba suppliers.xml.

  10. En la lista Guardar como tipo, haga clic en XML y, a continuación, haga clic en Guardar.

Volver al principio

Crear una vista de datos con Suppliers.xml

  1. Abra la página que contiene la primera vista de datos, que creó en el artículo Insertar una vista de datos como un formulario.

    Aunque no es necesario que ambas vistas de datos residan en la misma página, en este caso es aconsejable que el equipo pueda ver de un vistazo la información de contacto del proveedor al hacer clic en un producto.

    Datos seleccionados mostrados como un formulario

  2. Seleccione la primera vista de datos y presione la tecla FLECHA DERECHA dos veces para colocar el cursor debajo de la vista de datos.

  3. En el menú Vista de datos, haga clic en Insertar vista de datos.

    Debajo de la vista de datos aparece ahora una vista de datos vacía y se abre el panel de tareas Biblioteca de orígenes de datos.

    Vista de datos vacía

  4. En el panel de tareas Biblioteca de orígenes de datos, busque su origen de datos, haga clic en él y, a continuación, en Mostrar datos.

    En este ejemplo, en Archivos XML, haga clic en Suppliers.xml y en Mostrar datos. Si el encabezado Archivos XML está contraído, haga clic en el signo más (+) para expandirlo.

  5. En el panel de tareas Detalles del origen de datos, haga clic en los campos que desea insertar en la vista de datos.

    Sugerencia: Para seleccionar varios campos, mantenga presionada la tecla CTRL mientras hace clic en ellos.

    En este ejemplo, en la carpeta SuppliersRoot, en Suppliers, haga clic en CompanyName. Mantenga presionada la tecla CTRL mientras hace clic en ContactName, Country y Phone.

  6. Haga clic en Insertar campos seleccionados como y, a continuación, en Vista de elemento único para insertar los datos seleccionados en la vista de datos.

    Elige mostrar sólo un elemento en la vista de datos porque desea presentar la información de contacto sólo de un proveedor cada vez.

    Los campos seleccionados en el panel de detalles Detalles del origen de datos aparecen ahora en una segunda vista de datos debajo de la primera.

    La vista de datos Suppliers aparece debajo de la vista de datos Products
    Una vista de datos de Suppliers.xml (subrayada en rojo) aparece debajo de la vista de datos de Products.xml.

Volver al principio

Conectar los elementos Web

Suppliers.xml y Products.xml se relacionan con un campo común denominado SupplierID. Con el Asistente para conexión de elementos Web, puede conectar los elementos Web vinculando el campo SupplierID de Products.xml al campo SupplierID de Suppliers.xml.

Ahora que ha creado las dos vistas de datos, agregará texto junto a cada producto de la vista de datos de Products.xml que contendrá un hipervínculo a la vista de datos de Suppliers.xml. Cuando hace clic en un hipervínculo de un producto de la primera vista de datos, la información de contacto del proveedor de ese producto aparecerá en la segunda vista de datos.

La vista de datos de Products.xml es el elemento Web de origen y la vista de datos de Suppliers.xml es el elemento Web de destino. Puesto que trabaja con una vista de datos insertada como formulario, tiene que crear el hipervínculo de texto fuera del campo de formulario. Después de escribir el texto, lo selecciona y usa el Asistente para conexiones de elementos Web con el objeto de crear el hipervínculo en Products.xml que se vincula a la vista de datos de Suppliers.xml.

  1. En la vista de datos creada con Products.xml, coloque el cursor a la derecha del cuadro de texto que contiene el nombre del producto, presione la barra espaciadora y, a continuación, escriba el orden. Como una vista de datos usa el formato XSLT, el texto "pedido" se agrega a cada campo de producto en la lista.

    Pedido aparece en la columna ProductName de cada producto de la lista

  2. En la vista de datos, seleccione el texto "Pedido," haga clic con el botón secundario del mouse en él y haga clic en Conexiones de elementos Web en el menú contextual.

    Se abre el Asistente para conexiones de elementos Web.

  3. En la lista Elija en el elemento Web de origen la acción que se debe realizar para esta conexión, haga clic en Enviar fila de datos a y haga clic en Siguiente.

    Página del Asistente para conexiones de elementos Web

  4. En la sección Elija la página que contiene el elemento Web para la conexión, haga clic en Conectar con un elemento Web de esta página y, después, haga clic en Siguiente.

    Página del Asistente para conexiones de elementos Web

  5. En la lista Elemento Web de destino, haga clic en suppliers.xml.

  6. Puesto que desea filtrar los datos de Suppliers.xml para que coincida con el campo SupplierID del producto específico de la primera vista de datos, en la lista Acción de destino, haga clic en Obtener los parámetros de filtro de y haga clic en Siguiente.

    Página del Asistente para conexiones de elementos Web

  7. En la columna Entradas en Suppliers.xml, desplácese por la lista hasta que vea SupplierID. A la izquierda de SupplierID en la lista, en la columna Columnas en Products.xml, haga clic en la celda, haga clic en la flecha y haga clic en SupplierID. Haga clic en Siguiente.

    Página del Asistente para conexiones de elementos Web

  8. En la lista Crear un hipervínculo en, haga clic en [ Selección actual ] y en Siguiente.

    Página del Asistente para conexiones de elementos Web

  9. Haga clic en Finalizar.

  10. En el menú Archivo, haga clic en Guardar. O bien, puede presionar CTRL+G.

El texto “pedido” es ahora un hipervínculo y la conexión del elemento Web está configurada.

Volver al principio

Probar la conexión del elemento Web

Ahora que se ha configurado la conexión del elemento Web, puede probarla obteniendo la vista previa de la página en el explorador.

  • Para obtener la vista previa del archivo en el explorador, haga clic en Vista previa en la barra de herramientas Común, o presione F12.

Ambos elementos Web aparecen en la página en el explorador. Para mostrar el proveedor de un producto específico, en la primera vista de datos, haga clic en el hipervínculo pedido situado junto al producto que desee en la columna ProductName. La información de contacto de ese proveedor aparece en la segunda vista de datos a continuación.

Dos vistas de datos conectadas en una página

Nota: Exotic Liquids es el proveedor de Chai, Chang y Aniseed Syrup. New Orleans Cajun Delights es el proveedor de Chef Anton’s Cajun Seasoning y Chef Anton’s Gumbo Mix.

Volver al principio

Quitar una conexión de elementos Web

También puede quitar una conexión de elementos Web de modo que los dos elementos Web ya no estén vinculados. Cuando conecta elementos Web, cada uno muestra esa conexión, de modo que puede quitar la conexión en el elemento Web de origen o en el de destino. Al quitar la conexión del elemento Web de origen también se quita la conexión del de destino.

  1. Haga clic con el botón secundario del mouse en la vista de datos y, a continuación, haga clic en Conexiones de elementos Web en el menú contextual.

  2. En el cuadro de diálogo Conexiones de elementos Web, haga clic en la conexión que desee quitar y, después, haga clic en Quitar.

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×