i

Please enable JavaScript to view this site.

Documentación 8.7

Es la parte del área de modelado donde se puede extender la funcionalidad de la entidad y de sus elementos. Cada elemento tiene una lista de eventos predefinidos dependiendo del tipo de elemento.

 

El área de edición de código se visualiza en la parte inferior de la entidad, a continuación de una barra con íconos. El ícono CM0076~1_img1 en el centro de la barra permite modificar el tamaño del área, mientras que el ícono CM0076~1_img2 en el extremo derecho permite cerrar la misma.

 

 

MPE-EdiciondeCodigo-001

Secciones

 

Editor de código Javascript de la entidad: Permite agregar y modificar las funciones asociadas a los eventos de los elementos o entidad. Incluye una funcionalidad de autocompletado que acelera la escritura al sugerir automáticamente funciones del SDK.

 

Lista de eventos: A la derecha del editor de código se visualiza el controlador de eventos, el mismo contiene el identificador y la lista de eventos del elemento seleccionado. Si no hay ningún elemento seleccionado se despliega la lista de los eventos de la entidad.

 

Consola de monitoreo de mensajes: Ubicada debajo del editor de código, esta herramienta avanzada facilita la supervisión y gestión de mensajes durante el desarrollo.

Opciones del Editor

 

iconoEjecutar Permite tener una visión de la entidad modelada, mostrando cómo se visualiza en los distintos dispositivos.

 

CM0079~1_img1 Aumenta el tamaño del panel y llega a cubrir el área de modelado de la entidad.

CM0079~1_img2 Vuelve el panel a su tamaño anterior.

 

iconoLuzNegra

CM0079~1_img3 Cambia el estilo del editor de código a modo oscuro.

CM0079~1_img4 Cambia el estilo del editor de código al modo anterior.

Operaciones de las Funciones JavaScript

Asociar

 

La entidad tiene definidas en forma predeterminada las funciones JavaScript asociadas a sus eventos, a diferencia de sus elementos que no las tienen.

 

Para crear y asociar una función JavaScript a un evento se debe seleccionar el mismo en el controlador de eventos, esto habilita el ingreso del nombre de la nueva función. En forma predeterminada se genera un nombre compuesto por el identificador del elemento concatenado con el nombre del evento. Al presionar el ícono iconomaseventos se crea en el área de código la función JavaScript que se asocia al evento y en la lista de eventos se agrega el nombe de la función.

 

Si el nombre de la función JavaScript ya existe dentro del código, se agrega al nombre automáticamente un número como sufijo.

Seleccionar

 

Al seleccionar una función JavaScript en el controlador de eventos, el cursor se posiciona sobre la misma en el editor de código.

Desasociar

 

Para desasociar una función JavaScript de un evento se debe presionar el ícono iconoTachito que se visualiza al deslizar el cursor sobre la línea en la lista de eventos. De esta manera se elimina la asociación de la función con el evento pero no se elimina del código.

 

Si se borra la función JavaScript en el área de código, la misma sigue apareciendo asociada en el controlador de eventos, sin embargo el evento no ejecuta ninguna función y no da error.

Consola de Monitoreo de Mensajes

 

Se accede a esta consola presionando sobre los íconos correspondientes a los mensajes, que se encuentran en la barra inferior del editor de código.

 

 

MPE-ConsoladeErrores

 

 

Al acceder a la consola, los mensajes se visualizan de manera ordenada y categorizada. Se proporciona un detalle sobre cada mensaje, incluyendo su ubicación en el código y posibles soluciones. Los mensajes se actualizan en tiempo real, con un monitoreo continuo que permite visulaizar los errores y advertencias a medida que se detectan.

Tipos de Mensajes

 

MPA-IconosErroresRojo Errores de Sintaxis: Detecta y notifica errores de sintaxis en el código.

 

MPA-IconosErroresAmarillo Advertencias: Señala posibles problemas que podrían afectar el rendimiento o la calidad del código, proporcionando alertas sobre aspectos que necesiten atención o revisión.

 

MPA-IconosErroresAzul Información de Uso: Identifica situaciones en la implementación de métodos y funciones, y proporciona recomendaciones para mejorar el código.

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir