HTML personalizado

Mediante el uso de un elemento HTML personalizado, puede añadir código HTML a una página o una vista.

El elemento HTML personalizado puede contener uno o más conjuntos de elementos HTML, tales como los códigos <div> y <label>. Puede añadir el código HTML directamente como texto, utilizando un archivo gestionado o una variable. El elemento HTML personalizado inserta los elementos dentro de la etiqueta <div> de la página o vista. Si está utilizando un elemento HTML personalizado en un contenedor, tales como las vistas de sección vertical, sección horizontal, tabla y pestaña, delimite el código HTML con una etiqueta <div>. Al delimitar el código HTML, el contenedor trata el código HTML completo como una sola entidad.

Nota: Al crear páginas utilizando bloques HTML personalizados, asegúrese de que los segmentos HTML dentro de estos bloques no sean demasiado grandes. Los bloques de HTML personalizado están diseñados para ser utilizados con segmentos de HTML de tamaño pequeño o mediano. Si proporciona un segmento de HTML que es demasiado grande, se puede producir una excepción de desbordamiento de pila. En este caso, debe reducir el tamaño del segmento de HTML que está utilizando en la página. Consulte Configuración de la JVM El enlace externo abre una nueva ventana o pestaña

en la información del producto WebSphere® Application Server.

Restricción: Si el elemento HTML personalizado está dentro de una vista repetitiva como, por ejemplo, una tabla o sección, no lo enlace a una variable que sea una propiedad dentro de un elemento de lista. Normalmente, el generador de códigos inserta el contenido HTML personalizado como código HTML cuando crea la página. Sin embargo, las vistas repetitivas están enlazadas a una lista. Debido a que el contenido de la lista no se define hasta el tiempo de ejecución, el generador de códigos no puede determinar el índice de la variable contenida en la lista cuando crea la página. Si quiere que el texto cambie dinámicamente, puede utilizar una vista como Texto de salida, que está enlazada con la variable.

Importante: No utilice los nombres siguientes como nombres de clase CSS en el código fuente HTML porque son nombres reservados:

CoachView
ContentBox

El elemento HTML personalizado da soporte a la utilización de variables de JavaScript para tipos simples. Cuando el servidor genera la página HTML para el cliente, sustituye el nombre de la variable por su valor. Pero después de generar la página, el servidor no actualiza el HTML si hay un cambio en el valor. El servidor actualiza la variable sólo cuando vuelve a crear la página HTML completa. Si el servidor no puede resolver la variable, los usuarios ven el nombre de la variable en lugar de su valor.

En el código, encierre la variable entre llaves dobles. Para las páginas, la variable puede hacer referencia a los datos sólo del espacio de nombres tw.local. Es decir, la variable puede hacer referencia a los datos definidos en la página Variables del servicio de usuario en el nodo local. Por ejemplo, una página tiene una variable de objeto de negocio user con un parámetro name que contiene el nombre del usuario. Puede hacer que la página muestre el nombre con el código siguiente en un elemento HTML:

<div>Hello, {{tw.local.user.name}}.</div>

Para vistas, la variable puede hacer referencia a los datos en los espacios de nombres tw.businessData o tw.options. Es decir, la variable puede hacer referencia a los datos definidos en la página Variables de la vista en los nodos Datos de negocio u Opciones de configuración. Por ejemplo, si desea que una vista muestre el nombre de una calle, enlace la vista a un objeto de negocio address con un parámetro llamado street. En un elemento HTML, añada el código siguiente:

{{tw.businessData.address.street}}

Si coloca una instancia de dicha vista en una página, el usuario ve el valor del parámetro street en la vista. Pero si el usuario actualiza el parámetro street, el contenido del elemento HTML no se actualiza hasta que el servidor vuelve a crear la página completa.

Sugerencia: Para insertar un script, añada el script utilizando scripts en línea en la página Comportamiento de la vista. No añada el script utilizando un elemento HTML personalizado.