Compartir a través de

trackContainerResize

Determina el tamaño del contenedor si el componente necesita reaccionar. El componente obtendrá allocatedWidth o allocatedHeight si la entrada es true..

Al llamar al trackContainerResize(true) método , y context.mode.allocatedWidthcontext.mode.allocatedHeight se proporcionará dentro del updateView método del componente de código. Los valores de estas propiedades son diferentes en función de dónde se hospede el componente de código. Un valor de -1 indica que el componente de código puede establecer reglas de estilo CSS para rellenar el espacio disponible según sea necesario.

En la tabla siguiente se muestran los valores de y allocatedHeight en las diferentes combinaciones de métodos de ciclo de allocatedWidth vida del componente de código y host.

Host Ciclo de vida (método) allocatedWidth allocatedHeight
Aplicaciones de lienzo y basadas en modelos init -1 -1
Aplicaciones basadas en modelos updateView -1 si trackContainerResize(false) o
ancho en píxeles si trackContainerResize(true)
El ancho cambiará a medida que se cambia el tamaño de la ventana del explorador y el formulario se ajusta al espacio disponible.		 -1
Aplicaciones de lienzo updateView Establecido por el creador de la aplicación.
Puede cambiar dinámicamente si el ancho se establece en una fórmula de Power FX.		 Establecido por el creador de la aplicación.
Puede cambiar dinámicamente si el ancho se establece en una fórmula de Power FX.

Nota:

En el arnés de prueba (iniciado el uso npm startde ), y allocatedHeightallocatedWidth se devolverán como cadenas en lugar de números. Cuando no se proporciona ningún valor, devolverán una cadena vacía en lugar de -1 o sin definir. Además, una vez establecido el ancho o alto, no se pueden deshacer los cambios sin actualizar el explorador, sino que un valor en blanco se interpretará como un tamaño de 1.

En general, las aplicaciones controladas por modelos no restringen el alto y el ancho de un componente, por lo que no es necesario realizar el seguimiento del tamaño del contenedor. En su lugar, los componentes de código pueden crecer para usar 100% del espacio para los componentes de cuadrícula, o para un alto específico requerido por el contenido al representar un field componente. Sin embargo, en las aplicaciones de lienzo, el contexto primario siempre proporciona el alto y el ancho al componente por naturaleza del editor de arrastrar y colocar.

En la tabla siguiente se muestran las estrategias que puede usar para controlar el alto y el ancho del contenido HTML de los controles:

Host Tipo de componente de código Estrategia de tamaño de alto de CSS Estrategia de tamaño de ancho de CSS
Aplicaciones basadas en modelos dataset height: "100%" width: "100%"
Aplicaciones basadas en modelos field Aumentar hasta un alto máximo
(El formulario de hospedaje también aumentará para adaptarse).		 width: "100%"
Aplicaciones basadas en modelos field (modo de pantalla completa) height: "100%" width: "100%"
Aplicaciones de lienzo dataset & field height: allocatedWidth width: allocatedHeight
Aplicaciones de lienzo dataset & field (modo de pantalla completa) height: "100%" width: "100%"

Si los valores de y allocatedHeight cambian después de allocatedWidth llamar al primeroupdateView, se llama a un posterior updateView con "layout" agregado a .context.updatedProperties Más información: UpdatedProperties.

Disponible para

Aplicaciones controladas por modelos, aplicaciones de lienzo y portales.

Syntax

context.mode.trackContainerResize(value)

Parámetros

Nombre de parámetro Tipo Obligatorio Description
value Boolean Sí True si los controles necesitan realizar un seguimiento del tamaño del contenedor, el componente se asignaráWidth o allocatedHeight.

Modo
Referencia de la API del framework de componentes de Power Apps
Introducción al marco de componentes de Power Apps

  • Last updated on