Tema anterior: Llamada del widget Examinar mediante las opciones del menú

Tema siguiente: Llamada del widget Solicitar mediante las opciones del menú


Llamada del widget Examinar mediante código fuente

En Liferay, se puede llamar al widget Examinar creando el portlet y especificando el código fuente. Revise los pasos siguientes para producir el anterior ejemplo del widget Examinar. Sígalos como modelo para configurar la visualización y el comportamiento del widget Examinar en su implementación.

Siga estos pasos:

  1. En la página del portal, realice estas acciones para crear el portlet:
    1. Haga clic en Add, Web Content Display.
    2. Haga clic en el icono del signo más (Add, Web Content).

      Aparecerá ventana New Web Content.

    3. Especifique los campos obligatorios y cierre la ventana.

    El portlet nuevo se agrega a Liferay.

  2. Haga clic en Edit Controls en la parte superior de la página.
  3. Pase el ratón sobre el portlet, y haga clic en el icono de lápiz (Edit Web Content).

    Aparecerá la configuración del portlet.

  4. En la ventana Contenido, haga clic en Fuente.

    El contenedor Fuente se abre para editarlo.

  5. Revise los parámetros clave y la fuente siguientes del anterior ejemplo del widget Examinar. Utilícelos como modelo para especificar la fuente.
  6. Realice las siguientes acciones:

Parámetros clave y fuente

La fuente del ejemplo de widget Examinar es la siguiente:

<script type="text/javascript" src="http://hostname:portnumber/usm/explorer/scripts/browse.widget.js"> </script>
<script type="text/javascript"> CA_Catalog.buildWidget({type: 'browse', renderTo: 'browse1', rootId: 10001, linkColor: 'inherit', borderColor: 'black', layout:'layout-1', openIn:'_widget', search: true } ); </script>
<div id="browse1" style="margin-bottom: 10px; height: 700px">
	&nbsp;</div>

La primera línea hace referencia el archivo de JavaScript del widget Examinar.

La segunda línea especifica el JavaScript con los parámetros de configuración del widget Examinar.

Nota: Separe los parámetros con una coma, pero no incluya una coma después del último parámetro.

La tercera línea especifica el elemento DOM en el que se presenta el widget Examinar.

Los parámetros clave y las explicaciones siguientes son para la función llamada CA_Catalog.buildWidget del widget Examinar de ejemplo.

Credenciales de inicio de sesión

Se recomienda el inicio de sesión de individuo para los widgets. Sin embargo, si se requieren credenciales de inicio de sesión para este widget, especifíquelas en esta llamada de función. Utilice el siguiente formato:

nombre de usuario: 'username', contraseña: 'password'
type:"browse"

Especifica que el widget es un widget Examinar.

renderTo:"browse1"

Especifica que el widget se presenta en el elemento de DOM cuyo ID es browse1.

rootId:10001

Especifica el ID del objeto de la carpeta o servicio que muestra el widget Examinar. En este ejemplo, 10001 es la carpeta de raíz del catálogo de la unidad de negocio.

Se puede especificar una sola carpeta o una lista de servicios separados por comas, utilizando sus ID del objeto.

Nota: Se puede ocultar el árbol (la lista de carpetas a la izquierda). Para ocultar el árbol, especifique el parámetro hideTree:true. De forma predeterminada, este parámetro se establece como hideTree:false.

layout:'layout-1'

Muestra los iconos y los nombres de los servicios que aparecen en el widget Examinar.

También, se puede 'layout-2' para mostrar los nombres, iconos y descripciones de los servicios.

openIn:"_widget"

Especifica que otro widget de la misma página escucha eventos del widget Examinar y responde a ellos. En este escenario, cuando un usuario hace clic en un servicio, el widget Solicitar responde abriendo el servicio. Se debe agregar el widget Solicitar a esta página para activar esta función.

openIn especifica cómo abrir un servicio en el widget Solicitar cuando el usuario hace clic en el servicio del widget Examinar. Otros posibles valores para el parámetro openIn son los siguientes:

_self

Abre el servicio del catálogo en la misma página.

_top

Desempeña la misma función que _self, excepto que el servicio se abre en el marco superior del explorador. Si el servicio es un marco, el primer marco asociado del elemento de opción de servicio se selecciona.

_blank

Abre el servicio del catálogo en una página nueva. El usuario solicita el servicio en esa página.

_url

Abre el servicio mediante una dirección URL personalizada. Las direcciones URL pueden incluir un marcador de posición para el ID del objeto del servicio. Observe el ejemplo a continuación:

http://www.google.com?id={id}
search: true

Especifica que el widget Examinar incluya el campo Buscar. Los usuarios pueden utilizar este campo para registrar el catálogo en busca de servicios, en función de nombres o términos clave.

Nota: Se pueden especificar también los valores de configuración siguientes, como se muestran en el código fuente: Mostrar ofertas destacadas, Color del vínculo, Color del borde y Color del fondo.