trackContainerRedimensionar

Determina o tamaño do contedor se o compoñente necesita reaccionar. O compoñente obterá allocatedWidth ou allocatedHeight se a entrada é verdadeira.

Ao chamar ao trackContainerResize(true) método, o context.mode.allocatedWidth e context.mode.allocatedHeight proporcionarase dentro do updateView método do compoñente de código. Os valores destas propiedades son diferentes dependendo de onde estea aloxado o compoñente do código. Un valor de indica que o compoñente de -1 código pode establecer regras de estilo CSS para encher o espazo dispoñible segundo sexa necesario.

A seguinte táboa mostra os valores de allocatedWidth e allocatedHeight nas diferentes combinacións de métodos de ciclo de vida de compoñentes de host e código.

Host	Método do ciclo de vida	allocatedWidth	allocatedHeight
Aplicacións baseadas en modelos e lenzo	init	-1	-1
Aplicacións controladas por modelos	updateView	-1 Se trackContainerResize(false) ou ancho en píxeles setrackContainerResize(true) O ancho cambiará a medida que se redimensione a xanela do navegador e o formulario se axuste ao espazo dispoñible.	-1
Aplicacións de lenzo	updateView	Establecido polo creador de aplicacións. Pode cambiar dinámicamente se o ancho está establecido nunha fórmula de Power FX.	Establecido polo creador de aplicacións. Pode cambiar dinámicamente se o ancho está establecido nunha fórmula de Power FX.

Nota

No arnés de proba (iniciado usando npm start), o allocatedHeight e allocatedWidth será devolto como cadeas en lugar de números. Cando non se proporciona ningún valor, devolverán unha cadea baleira en lugar de -1 ou indefinida. Ademais, unha vez establecido o ancho ou a altura, non se poden desfacer os cambios sen actualizar o navegador, senón que un valor en branco interpretarase como un tamaño de 1.

En xeral, as aplicacións baseadas en modelos non restrinxen a altura e o ancho dun compoñente, polo que non é necesario rastrexar o tamaño do contedor. En vez diso, os compoñentes do código poden medrar ata usar o 100% do espazo para os compoñentes da grella, ou a unha altura específica requirida polo contido ao renderizar un field compoñente. Nas aplicacións de lenzo, con todo, o contexto pai sempre proporciona a altura e o ancho ao compoñente por natureza do editor de arrastrar e soltar.

Na seguinte táboa móstranse as estratexias que pode usar para controlar a altura e o ancho do contido HTML dos controis:

Host	Tipo de compoñente de código	Estratexia de tamaño de altura CSS	Estratexia de tamaño de ancho CSS
Aplicacións controladas por modelos	dataset	height: "100%"	width: "100%"
Aplicacións controladas por modelos	field	Crecer ata a máxima altura (O formulario de acollida tamén crecerá para acomodar).	width: "100%"
Aplicacións controladas por modelos	field (Modo de pantalla completa)	height: "100%"	width: "100%"
Aplicacións de lenzo	dataset & field	height: allocatedWidth	width: allocatedHeight
Aplicacións de lenzo	dataset & field (Modo de pantalla completa)	height: "100%"	width: "100%"

Se os valores de e allocatedHeight cambian despois de allocatedWidth chamar o primeiroupdateView, entón chámase un seguinte updateView engadindo a "layout" ao context.updatedProperties. Máis información: Propiedades actualizadas.

Dispoñible para

Aplicacións baseadas en modelos, aplicacións de lenzo e portais.

Sintaxe

context.mode.trackContainerResize(value)

Parámetros

Nome do parámetro	Tipo	Obrigatorio	Descripción
valor	Boolean	Si	True se os controis necesitan rastrexar o tamaño do contedor, o compoñente obterá allocatedWidth ou allocatedHeight.

Artigos relacionados

Modo
Referencia da API do marco de compoñentes de Power Apps
Visión xeral do marco de compoñentes de Power Apps