Problemas de personalización

Problemas comunes encontrados al personalizar un portlet proporcionado por una aplicación en una instancia de desarrollo local

Problema

Al ampliar un portlet proporcionado por una aplicación, es posible que se enfrente a uno de los siguientes problemas con el portlet personalizado en el entorno de desarrollo local.

• El portlet extendido aparece en blanco.
• La etiqueta de paquete personalizada que ha añadido no se muestra correctamente.
• Las etiquetas de paquete proporcionadas por la aplicación y añadidas previamente se muestran incorrectamente.

Encontrará estos problemas si implementa de forma parcial o incorrecta los pasos de personalización que se proporcionan en Modificación de portlets proporcionados por aplicaciones.

Solución

• Para el problema del portlet extendido aparece en blanco, complete los siguientes pasos:
  1. Comprueba si el nombre de la clase del componente del portlet se actualiza en el archivo component.ts del portlet correspondiente y se pasa en las variables portletname y componentName. Para obtener más información, consulte el paso 2 en Modificación de portlets proporcionados por aplicaciones.
     El siguiente fragmento de código de ejemplo explica cómo ampliar el portlet Pedido de paquetes:

     export class PackOrderPortletExtnComponent implements OnInit, OnDestroy {
     public static portletname = 'PackOrderPortletExtnComponent';
     public static componentName = 'PackOrderPortletExtnComponent'; }
     

  2. Importe el nombre de clase del componente portlet actualizado al archivo app.module.ts. Para obtener más información, consulte el paso 3 en Modificación de portlets proporcionados por aplicaciones.
     El siguiente fragmento de código de ejemplo explica cómo importar el nombre de clase actualizado del portlet:

     import { PackOrderPortletExtnComponent } from './components/pack-order-portlet/pack-order-portlet.component' 
     export const customComponentDeclarations = [PackOrderPortletExtnComponent];

  3. Añade extensionType:CODE en el archivo isf-persona-config.json para rellenar el portlet. De lo contrario, el portlet ampliado aparecerá en blanco. Para obtener más información, consulte el paso 4 en Modificación de portlets proporcionados por aplicaciones.
• La etiqueta de paquete personalizada que ha añadido no se muestra correctamente.

  Consideremos una entrada del paquete de etiquetas que se añade al archivo json correspondiente. Para obtener más información, consulte Qué hacer a continuación en Modificación de portlets proporcionados por aplicaciones.

  Un fragmento de ejemplo para /extensions/features/override-component/src/assets/override-component/i18n/en.json es el siguiente.

  {
                  "packPortletExtn":{
                  "LABEL_Select":"Select"
                    }
   }

  La entrada correspondiente se añade al componente HTML del portlet. En lugar de la etiqueta real, en la aplicación se muestra packPortletExtn.LABEL_Select.
  El fragmento de código de ejemplo es el siguiente.

  <span class="mx-2" >packPortletExtn.LABEL_Select</span>

  Para resolver el problema, añada el atributo translate en la etiqueta HTML del componente del portlet como se ilustra.

  <span class="mx-2" translate>packPortletExtn.LABEL_Select</span>

• Las etiquetas de paquete proporcionadas por la aplicación y añadidas previamente se muestran incorrectamente.
  Asegúrese de que la variable estática bundles en el app.module.ts contiene los activos que se cargan desde la aplicación de inicio. Para obtener más información, consulte Qué hacer a continuación en Modificación de portlets proporcionados por aplicaciones. Añade la siguiente entrada de ejemplo:

  {
         prefix: './assets/home/i18n/',
         suffix: '.json'
  }