Panel de Marco¶

Un Panel de marcos permite que una página reserve un espacio en la pantalla en el que se cargará un enlace de página seleccionado. Los marcos son tipos de paneles sin contenido propio. Cuando existe un marco en una pantalla, cualquier navegación de página se dirigirá al área de marcos en lugar de reemplazar toda la pantalla. Esta función le permite mostrar un menú de navegación lateral y, luego, el contenedor de marcos muestra el contenido de la página asociada según el enlace de navegación del menú seleccionado en el menú de navegación lateral.

Página de ejemplo con menú de navegación lateral a la izquierda y un panel de marco a la derecha

Cómo Crear un Marco¶

Para crear un marco, puede crear una nueva página o agregarla a una página existente en una aplicación. Para el tipo de panel, seleccione Marco.

El servicio de diseño de paneles trata los marcos de la misma manera que cualquier otro panel. Esto significa que puede establecer la posición, el elemento principal y el tamaño, lo que le permite colocar el marco en cualquier lugar en el que normalmente se colocarían los paneles.

Si desea que el usuario navegue fuera del marco del panel al vincularlo a una página dentro de la aplicación, puede usar Enlace a página (desde Métodos de actualización) o usar una ventana emergente para salir del marco.

Para que un marco sea funcional, debe estar emparejado con otro panel que dirija el contenido que se cargará en él. Por ejemplo: un panel de formulario que muestra botones de menú de navegación.

Página de Ejemplo con Marco¶

Esta página es un marco en la parte superior y un panel de formulario debajo. Las categorías son los primeros enlaces de página definidos. El panel de formulario tiene dos campos de íconos que enlace a las páginas de productos y categorías. Técnicas utilizadas:

1. Uso de pestañas, con un tamaño de panel mínimo establecido en 1 para que los paneles Marco y Formulario siempre se muestren juntos
2. Panel de formato extra pequeño
3. Formato condicional para resaltar el ícono de la página que se muestra actualmente en el marco
4. Tema personalizado para diseñar enlaces de íconos uno al lado del otro de manera horizontal y espaciados de manera uniforme

Reemplazar Página en el Historial¶

El enlace a la página a nivel de campo puede utilizar Reemplazar página en el historial en un marco. Si se utiliza en una barra lateral, al hacer clic en varios enlaces se reemplazará el contenido del marco, pero al presionar el botón Atrás se regresará a la página anterior.

Página Predeterminada¶

App Builder observa el conjunto Enlace a página en el Panel de marco para mostrar una página antes de que el usuario haga clic en algo. Tenga en cuenta que solo los enlaces de un panel controlado por datos admitirán criterios. Puede dejar el enlace a la página en blanco si desea esperar a que el botón del panel Formulario proporcione la página predeterminada del marco.

Función de Tiempo de Ejecución de Mvsql Llamada Page()¶

Esta característica proporciona una función mvSQL llamada Page(). Sin un parámetro, se proporcionará el UUID de la página superior. Si una página se representa en un marco, sus objetos de datos podrán conocer el "contexto" desde el que se está ejecutando. Esto se puede utilizar para hacer cosas como resaltar el enlace activo o unirse al App_Page regla para obtener el nombre de la página para una etiqueta de página personalizada.

La función también acepta un único parámetro de cadena 'frame', para determinar qué página está cargada actualmente en el marco.

Recarga de Datos¶

Cuando un enlace es procesado por un Frame, App Builder activará una recarga global en la página Contenedora. Esto es útil si la página Contenedora de nivel superior tiene un Panel de una sola fila utilizado como menú. El objeto de datos puede actualizarse a sí mismo para hacer cosas como cargar el título o el ícono de la Página enmarcada o usar formato condicional para hacer que el enlace del menú activo tenga un color diferente (cuando se usa la función Page()).

URL¶

Cuando enlace por primera vez a una página ("ContainerPage", por ejemplo), la URL será: /app/MyApplication/ContainerPage

App Builder actualizará inmediatamente la barra de direcciones a: /app/MyApplication/ContainerPage/**PageInFrame**

Los enlaces entrantes se pueden personalizar para incluir previamente este formato si desea controlar qué páginas se cargan en un marco. El filtrado en la columna de un marco se realiza mediante &Framed.{{NombreDeColumna}}={{ValorColumna}} Después de los nombres de las aplicaciones y páginas en la primera parte de la URL:

app/MyApplication/OuterPage/MyApplication/InnerPage?OuterPageCriteria=123&Framed.InnerPageCriteria=456