Comparteix via


trackContainerRedimensionar

Determina la mida del contenidor si el component ha de reaccionar. El component obtindrà allocatedWidth o allocatedHeight si l'entrada és certa..

Quan truqueu al trackContainerResize(true) mètode, el context.mode.allocatedWidth i context.mode.allocatedHeight es proporcionarà dins del updateView mètode del component de codi. Els valors d'aquestes propietats són diferents en funció d'on s'allotgi el component de codi. Un valor de indica que el component de -1 codi pot establir regles d'estil CSS per omplir l'espai disponible segons sigui necessari.

La taula següent mostra els valors de allocatedWidth i allocatedHeight en les diferents combinacions de mètodes de cicle de vida dels components d'amfitrió i codi.

Amfitrió Mètode de cicle de vida allocatedWidth allocatedHeight
Aplicacions basades en models i llenç init -1 -1
Aplicacions basades en models updateView -1 si trackContainerResize(false) o
amplada en píxels si trackContainerResize(true)
L'amplada canviarà a mesura que es canviï la mida de la finestra del navegador i el formulari s'ajusti a l'espai disponible.
-1
Aplicacions de llenç updateView Establert pel creador de l'aplicació.
Pot canviar dinàmicament si l'amplada està definida en una fórmula del Power FX.
Establert pel creador de l'aplicació.
Pot canviar dinàmicament si l'amplada està definida en una fórmula del Power FX.

Nota

A l'arnès de prova (començat a utilitzar npm start), el allocatedHeight i allocatedWidth es retornarà com a cadenes en lloc de números. Quan no es proporciona cap valor, retornaran una cadena buida en lloc de -1 o undefined. A més, un cop establerta l'amplada o l'alçada, no podeu desfer els canvis sense actualitzar el navegador, sinó que un valor en blanc s'interpretarà com una mida d'1.

En general, les aplicacions basades en models no restringeixen l'alçada i l'amplada d'un component, de manera que no és necessari fer un seguiment de la mida del contenidor. En canvi, els components de codi poden créixer fins a utilitzar 100% de l'espai per als components de la quadrícula o fins a una alçada específica requerida pel contingut quan es renderitza un field component. A les aplicacions de llenç, però, el context pare sempre proporciona l'alçada i l'amplada al component per naturalesa de l'editor d'arrossegar i deixar anar.

A la taula següent es mostren les estratègies que podeu utilitzar per controlar l'alçada i l'amplada del contingut HTML dels controls:

Amfitrió Tipus de component de codi Estratègia de mida d'alçada CSS Estratègia de mida d'amplada CSS
Aplicacions basades en models dataset height: "100%" width: "100%"
Aplicacions basades en models field Créixer fins a una alçada màxima
(El formulari d'allotjament també creixerà per acomodar).
width: "100%"
Aplicacions basades en models field (mode de pantalla completa) height: "100%" width: "100%"
Aplicacions de llenç dataset & field height: allocatedWidth width: allocatedHeight
Aplicacions de llenç dataset & field (mode de pantalla completa) height: "100%" width: "100%"

Si es crida els valors de i canvien després del allocatedWidth primerupdateView, es crida un següent updateView amb "layout" afegit al context.updatedProperties.allocatedHeight Més informació: Propietats actualitzades.

Disponible per a

Aplicacions basades en models, aplicacions de llenç i portals.

Sintaxi

context.mode.trackContainerResize(value)

Paràmetres

Nom del paràmetre Tipus Necessari Descripció
valor Boolean True si els controls han de fer un seguiment de la mida del contenidor, el component obtindrà allocatedWidth o allocatedHeight.

Moda
Referència de l'API del marc de components del Power Apps
Informació general del marc de components del Power Apps