Conectar datos en elementos Web

En muchos productos y tecnologías, no ha sido tarea fácil conectar conjuntos de datos de distintos orígenes de datos y se requerían conocimientos de programación. Sin embargo, puede utilizar los menús y los botones dentro de un elemento Web para crear conexiones de datos sin escribir ningún código personalizado. Por ejemplo, al conectar elementos Web, puede presentar datos de dos elementos Web en vistas alternativas, realizar cálculos relacionados entre dos elementos Web y filtrar un elemento Web utilizando valores de otro elemento Web ; todo ello en una elemento Webpágina de elementos Web.

En este artículo

Información general de las conexiones de elementos Web

Crear conexiones de elementos Web

Crear o cambiar una conexión entre dos elementos Web

Completar una conexión de elemento Web en el cuadro de diálogo Configurar conexión

Quitar una conexión entre dos elementos Web

Tipos comunes de conexiones de elementos Web

Información general de las conexiones de elementos Web

Al utilizar conexiones de elementos Web puede crear o mejorar sus páginas de elementos Web. Se conectan elementos Web para que cuando se realice una acción en uno de ellos, también cambie el contenido en el otro elemento Web.

Por ejemplo, se puede conectar un elemento Web Vista de lista de empleados con el elemento Web Imagen pasando datos entre los dos elementos Web. Cada vez que se seleccione una fila del elemento Web Vista de lista de empleados que contenga una columna con una imagen de ese empleado, se podrá ver la imagen en el elemento Web Imagen.

Conexión de elementos web básica

1. Una conexión de elementos Web constituye una forma de pasar datos de un elemento Web a otro y sincronizar su comportamiento.

2.  Un elemento Web proporciona los datos.

3. Los datos pueden ser valores de parámetros, celdas, filas o listas.

4. El otro elemento Web obtiene los datos.

La conexión de elementos Web se puede crear desde cualquier elemento Web utilizando el submenú de tipo de conexión del comando Conexiones en el menú de Elemento Web. Por ejemplo, si un comando del submenú de tipos de conexión de un elemento Web indica Proporcionar fila a, el comando del submenú de tipo de conexión correspondiente al otro elemento Web indicará Obtener fila de.

No sólo puede crear conexiones de elementos Web en la misma página de elementos Web sino que también puede crear conexiones entre elementos Web en dos páginas de elementos Web diferentes del mismo sitio de nivel superior empleando un programa de diseño Web compatible con Microsoft Windows SharePoint Services, como elemento Webpágina de elementos WebMicrosoft Office SharePoint Designer 2007.

Volver al principio

Crear conexiones de elementos Web

Crear una página de elementos Web con conexiones de elementos Web es un proceso de tres pasos.

Paso 1: decidir qué datos desea que estén disponibles en la página de elementos Web

Con frecuencia, hay uno o más elementos Web Vista de lista que contienen los datos que desea. Las listas presentan los datos en un formato tabular y permiten modificar y actualizar datos, cambiar el criterio de ordenación, filtrar dentro de la lista y agregar datos fácilmente. Gracias al selector de vistas del panel de herramientas, se puede cambiar la vista de un elemento Web Vista de lista, para trabajar sólo con las columnas necesarias.

Paso 2: agregar elementos Web a la página de elementos Web

La mayoría de las listas están disponibles como elementos Web Vista de lista en la galería de elementos Web del sitio. Los demás elementos Web suelen estar disponibles en otras galerías de elementos Web a las que tiene acceso. A veces, quizá tenga que importar un elemento Web que se encuentra en otro sitio y que tiene un ejemplo interesante o útil de un elemento Web. También puede buscar elementos Web en sitios Web externos y, a continuación, solicitar que el administrador del sitio los instale en el sitio Web. Por ejemplo, puede buscar elementos Web en el directorio de componentes Web de elemento Webpágina de elementos WebMicrosoft Office SharePoint Designer 2007Microsoft Office SharePoint Server 2007 o en un sitio Web de otro fabricante de software. Con el tiempo, las galerías de elementos Web crecen y se adaptan a sus necesidades y las de la organización.

Paso 3: conectar elementos Web para obtener el resultado que desea

Sólo se pueden crear conexiones entre elementos Web que las admitan. Los elementos Web que admitan las conexiones de elementos Web incluyen el elemento Web Vista de lista, el elemento Web Formulario y el elemento Web Imagen. El submenú Conexiones del menú Elemento Web muestra sólo el tipo de conexión que se puede crear y el submenú de Elementos Web disponibles muestra sólo los elementos Web compatibles. Cuando haya completado los pasos 1 y 2, tomar una decisión es muy sencillo y no se requieren conocimientos de codificación o secuencias de comandos para realizar la conexión de elementos Web.

Nota: Sólo puede crear conexiones entre elementos Web que se encuentren en la misma página de elementos Web. Para conectar un elemento Web a los datos de otro sitio u origen de datos, se agrega una vista de datos empleando un programa de diseño Web compatible con Microsoft Windows SharePoint Services, como elemento Webpágina de elementos WebMicrosoft Office SharePoint Designer 2007Microsoft Office SharePoint Server 2007Office SharePoint Designer 2007.

Volver al principio

Crear o cambiar una conexión entre dos elementos Web

Mediante menús y cuadros de diálogo, se pueden conectar dos elementos Web, pasar datos de uno a otro, y sincronizar su comportamiento.

  1. Abra la página del elemento web.

  2. En el menú Acciones del sitio Menú Acciones del sitio , haga clic en Modificar página.

  3. Decida cuál de los dos elementos Web desea conectar. Puede crear o cambiar la misma conexión comenzando por cualquiera de los dos.

  4. Desde cualquiera de los elementos Web, haga clic en el menú Elemento Web Menú Elemento web , elija Conexiones, elija el tipo de conexión que desea crear o cambiar, como Proporcionar fila a u Ordenar o filtrar a partir de y, a continuación, haga clic en el nombre del elemento Web para el que desea crear o cambiar una conexión.

    Teclas de los comandos del submenú Conexiones

    Comando del submenú Conexiones

    Descripción

    Proporcionar fila a

    Puede conectar el elemento web de vistas de listas a otro elemento web pasándole una fila de datos seleccionada. En función del procedimiento utilizado para crear el otro elemento web y de cómo obtiene los datos, dicho elemento podrá mostrar la fila de datos o utilizarla como filtro o valor de parámetro.

    En la vista estándar, una columna Seleccionar elemento con botones de opción se agrega automáticamente cuando se conecta el elemento web de vistas de listas, para poder indicar la fila que se pasará al otro elemento web. Se puede seleccionar una única fila cada vez en la vista estándar. Algunas columnas, como la columna Editar no se pueden utilizar en la conexión de un elemento web.

    En la vista diseño, se pueden seleccionar varias filas, pero sólo una fila se pasará al otro elemento web. Si se seleccionan múltiples filas, la que contiene la celda activa se pasará al otro elemento web y se ignorarán las demás filas. No se puede suministrar datos de la fila Totales o de la Nueva fila al otro elemento web.

    En este tipo de conexión, se puede tener más de un elemento web conectado al elemento web de vistas de listas.

    Proporcionar datos a

    Se puede conectar el elemento web de vistas de listas a otro elemento web que trabaja con datos de lista. En este caso, el elemento web de vistas de listas será el origen de datos del otro elemento web.

    En las vistas estándar y diseño, sólo los datos de la vista se suministran al otro elemento web.

    En este tipo de conexión, se puede tener más de un elemento web conectado al elemento web de vistas de listas.

    Obtener orden o filtro de

    En las vistas estándar y diseño, se puede conectar el elemento web de vistas de listas a otro elemento web que pueda suministrarle la siguiente información:

    • uno o varios nombres de columna y pares de valores de datos que filtran los datos del elemento web de vistas de listas.

    • una columna de datos para clasificar los datos en orden ascendente o descendente en el elemento web de vistas de listas.

    En este tipo de conexión, sólo el otro elemento web puede conectarse al elemento web de vistas de listas.

    Puede que el menú Elemento Web no esté habilitado o visible en la página de elementos Web debido a varias razones, incluidas que el elemento Web o la zona no admiten conexiones, que está empleando un explorador que no es compatible con Windows SharePoint Services o que las conexiones están deshabilitadas en el sitio.

  5. Para algunas conexiones de elemento Web, puede que tenga que seleccionar información adicional en el cuadro de diálogo Configurar conexión. Por ejemplo, puede que tenga que seleccionar el tipo de conexión que desea utilizar o una columna que desea filtrar. Además, dependiendo de cómo se haya creado uno de los elementos Web o ambos, podrían aparecer cuadros de diálogo adicionales que son únicos para la conexión de elementos Web. Para obtener más información, vea la información de ayuda del elemento Web personalizado, si existe.

    Sugerencia: Se puede ocultar un elemento web si desea utilizarlo para suministrar datos a otro elemento a través de una conexión web sin que esté visible dicho elemento web.

    Notas: 

    • El submenú de tipo de conexión puede variar de una página de elementos Web a otra y de un elemento Web a otro por diferentes motivos, incluidas las diferencias entre las configuraciones de propiedades de la página de elementos Web, el elemento Web o la zona de elementos Web, el tipo o compatibilidad de los elementos Web de la página y si los elementos Web tienen tipos de conexión compatibles o no.

    • En este submenú sólo aparecerán los elementos Web que puedan conectarse. Es posible que algunos de los elementos de una página de elementos Web no estén diseñados para realizar conexiones o que no admitan conexiones con el elemento Web actual; asimismo, puede ocurrir que se hayan excedido determinados límites de conexión.

Volver al principio

Completar una conexión de elemento Web en el cuadro de diálogo Configurar conexión

El cuadro de diálogo Configurar conexión se utiliza para hacer coincidir las columnas del elemento Web que obtiene los datos y del elemento Web que proporciona los datos.

Nota:  Puede realizar una conexión correcta, pero que no sea útil. Por ejemplo, el elemento Web que proporciona los datos podría tener una columna de id. de producto mientras que el elemento Web que obtiene los datos podría tener tiene una columna de id. de empleado. Aunque se puede hacer coincidir estas columnas, los resultados no tendrán ningún sentido.

En el cuadro de lista Columna, seleccione la columna del elemento Web que obtiene los datos, del elemento Web que los proporciona, o de ambos.

A continuación se muestran ejemplos comunes:

  • Hacer coincidir una fila de datos de un elemento Web con una celda o campo de datos de otro elemento Web    

    El elemento Web desde el que se va a conectar es un elemento Web Vista de lista Contactos. Una de las columnas de la vista de lista contiene un hipervínculo denominado Fotografía con una dirección URL que lleva una imagen del contacto. Se realiza una conexión con el elemento Web Imagen, que puede mostrar sólo una dirección URL con una imagen. Desde el elemento Web Contactos, se elige la columna Fotografía para proporcionar la coincidencia correcta con el elemento Web Imagen.

  • Hacer coincidir una fila de datos de un elemento Web con una columna de datos de otro elemento Web para poder filtrarla    

    El elemento Web desde el que se va a conectar es un elemento Web Vista de lista que contiene datos de ordenación. Una de las columnas de la vista de lista contiene un elemento de línea denominado OrdersDetailsID. Se puede realizar una conexión con otro elemento Web Vista de lista, que tiene varias columnas con detalles de ordenación, una de las cuales se denomina OrdersDetailsID. Para conectar los dos elementos Web de modo que cuando se seleccione el orden en un elemento Web se muestre cada elemento de línea con el mismo orden en el otro elemento Web, se debe hacer coincidir las columnas OrdersDetailsID de cada elemento Web.

    Nota: Los nombres de columna no tienen que ser iguales pero los datos subyacentes deben coincidir, o tener el mismo valor.

Volver al principio

Quitar una conexión entre dos elementos Web

  1. Abra la página del elemento web.

  2. En el menú Acciones del sitio Menú Acciones del sitio , haga clic en Modificar página.

  3. Desde cualquiera de los elementos Web desde los que desea quitar la conexión, haga clic en el menú Elemento Web Menú Elemento web , elija Conexiones, elija el tipo de conexión que desea quitar , por ejemplo, Proporcionar fila a u Ordenar o filtrar a partir de  y, a continuación, haga clic en el nombre del elemento Web desde el que desea quitar una conexión.

    Nota: Aparece una marca de verificación en el submenú de conexiones para cada selección con una conexión habilitada. Si no ve una marca de verificación, no hay ninguna conexión habilitada.

  4. En el cuadro de diálogo Configurar conexión, haga clic en Quitar conexión.

  5. Cuando se le pida que confirme que desea quitar la conexión entre elementos Web, haga clic en Aceptar.

Volver al principio

Tipos comunes de conexiones de elementos Web

Hay muchas formas de combinar y conectar elementos Web en una página de elementos Web. Puede crear varias de estas conexiones de elementos Web en la página de elementos Web. Los siguientes escenarios describen tipos comunes de conexiones de datos entre elementos Web.

Principal y detalles

Tiene una lista principal y se necesita mostrar información detallada relacionada con esta lista principal.

Ejemplo de principal y detalles

1.  Un elemento Web Employee Basics contiene datos básicos del empleado que se utilizan frecuentemente, como id., nombre y puesto.

2.  Para comprobar los datos de un empleado, se selecciona una fila.

3.  La fila se pasa al otro elemento Web.

4.  En el elemento Web Employee Details, se muestran todos los datos del empleado en una vista de formulario.

En un elemento Web Vista de lista se puede incluso ordenar y filtrar una lista larga para buscar al empleado antes de seleccionar la fila. Si hay muchos datos personales se puede incluso mostrar el elemento Web Employee Details en otra página de elementos Web.

Resumen y detalles

Tiene una lista de resumen de datos y necesita mostrar la información detallada de los datos de resumen.

Ejemplo de resumen y detalles

1.  Un elemento Web Year-to-Date Pay Stub contiene su información de compensación.

2.  Se selecciona la información de resumen de las vacaciones acumuladas y los días de baja por enfermedad.

3.  La información de resumen se pasa al otro elemento Web.

4.   En el elemento Web Pay Stub Details que muestra los datos semanales, se comprueban las semanas en que se registraron estos días para trata de recordar o confirmar los datos.

Elemento principal y secundario

Se muestra una lista de datos (principal) y para cada fila hay una o más filas relacionadas (secundarias) que desea mostrar en otra lista.

Ejemplo de elemento principal y secundario

1.  Un elemento Web Orders proporciona una lista de los pedidos de clientes más recientes.

2.  Se hace clic en la fila que contiene el pedido que desea examinar.

3.  La fila se pasa al otro elemento Web.

4.  En el elemento Web Order Details, se muestran todos los elementos de la línea de ese pedido.

Buscar y filtrar

Desea especificar datos, como los criterios de ordenación y búsqueda, en un elemento Web para que muestre los resultados en otro elemento Web.

Ejemplo de buscar y filtrar

1.  En el elemento Web Book Search, se especifica la información del libro, como título, autor o tema y se intenta buscar el libro o el conjunto de libros.

2.  Se hace clic en ENVIAR.

3.  Los criterios de búsqueda se pasan al otro elemento Web.

4.  El elemento Web Book List muestra el libro o los libros que coinciden con el criterio de búsqueda.

Cálculos

Aunque normalmente se pueden calcular datos dentro de un elemento Web, a veces es necesario combinar dos elementos Web para hacer que los cálculos sean más flexibles.

Ejemplo de cálculos

1.  Se especifican las cifras de una hipoteca en un elemento Web Mortgage Numbers.

2.  Se hace clic en IR.

3.  Las cifras de la hipoteca se pasan al otro elemento Web.

4.  El elemento Web Mortgage Calculator calcula la hipoteca y muestra el programa de pago mensual.

Vistas de datos alternativas

El hecho de ver los datos de varias formas puede ayudarle a comprender implicaciones, tendencias y relaciones. Se pueden pasar listas, filas y celdas (o filtros y parámetros) de un elemento Web y mostrar los datos en una vista alternativa.

Vista alternativa de una lista

Desea mostrar los datos de todos los empleados de la compañía en un gráfico de jerarquía.

Vista alternativa de datos de lista

1.  El elemento Web Employees muestra el id. de empleado, nombre, puesto, así como el id. de administrador de todas las personas que trabajan para la compañía.

2.  Ya que va a utilizar todos los datos, no es necesario realizar una selección.

3.  Todos los datos se pasan a otro elemento Web.

4.  El elemento Web Organization Chart muestra las relaciones de trabajo entre empleados y puede mostrar vistas alternativas de esta jerarquía.

Vista alternativa de una fila

Desea ver una fila de los datos demográficos en un gráfico, como por ejemplo un gráfico circular o un gráfico de barras.

Vista alternativa de datos de fila

1.  Un elemento Web Population Statistics muestra datos demográficos, como edad, ingresos y patrimonio.

2.  Se selecciona una fila de datos demográficos.

3.  Se pasan los datos a otro elemento Web.

4.  El elemento Web Chart muestra la fila de datos dentro de un gráfico circular y, de forma alternativa, en un gráfico de barras.

Vista alternativa de una celda

Desea realizar el seguimiento del progreso general de una campaña para recaudar fondos.

Vista alternativa de datos de celda

1.  En un elemento Web Fund-Raising, cada integrante de un grupo especifica la cantidad de dinero que ha recaudado.

2.  El total actualizado se muestra en un campo de total.

3.  El total se pasa a otro elemento Web.

4.  Puede comprobar el progreso general del grupo en el elemento Web Charity Goal.

Mejora de datos

Desea aumentar los datos básicos acerca de personas y lugares para hacerlos más interesantes, atrayentes y útiles.

Ejemplo de mejora de datos

1.  Un elemento Web Contacts muestra información necesaria para realizar el seguimiento de socios, como por ejemplo el nombre, la dirección quizá una foto.

2.  Se selecciona un contacto.

3.  Una fila de datos se pasa al otro elemento Web.

4.  Aparece una foto del contacto en el elemento Web Image y se puede ver la dirección del trabajo del contacto en un elemento Web.

Volver al principio

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.

×