trackContainerResize

Determină dimensionarea containerului dacă componenta trebuie să reacționeze. Componenta va primi allocatedWidth sau allocatedHeight dacă intrarea este adevărată..

Atunci când apelați trackContainerResize(true) metoda, și context.mode.allocatedWidthcontext.mode.allocatedHeight va fi furnizată în interiorul updateView metodei componentei de cod. Valorile acestor proprietăți sunt diferite, în funcție de locul unde este găzduită componenta de cod. O valoare a -1 indică faptul că componenta de cod poate seta reguli stil CSS pentru a umple spațiul disponibil după cum este necesar.

Următorul tabel afișează valorile allocatedWidth și allocatedHeight în diferitele combinații de metode de viață ale componentelor gazdă și cod.

Gazdă	Metoda ciclului de viață	allocatedWidth	allocatedHeight
Aplicații bazate pe modele și pânză	init	-1	-1
Aplicații proiectate pe bază de model	updateView	-1 dacă trackContainerResize(false) sau lățime în pixeli dacă trackContainerResize(true) Lățimea se va modifica pe măsură ce fereastra browserului este redimensionată și formularul se ajustează la spațiul disponibil.	-1
Aplicații proiectate pe pânză	updateView	Setați de creatorul de aplicații. Se poate modifica dinamic dacă lățimea este setată la o formulă Power FX.	Setați de creatorul de aplicații. Se poate modifica dinamic dacă lățimea este setată la o formulă Power FX.

Notă

În hamul de test (a început să utilizeze npm start), allocatedHeight și allocatedWidth va fi returnat ca șiruri, mai degrabă decât numere. Atunci când nu se furnizează nicio valoare, ele vor returna un șir gol, nu -1 sau nedefinit. În plus, după ce este setată lățimea sau înălțimea, nu puteți anula modificările fără a reîmprospăta browserul, în schimb, o valoare necompletată va fi interpretată ca dimensiune de 1.

În general, aplicațiile bazate pe modele nu restricționează înălțimea și lățimea unei componente, prin urmare, urmărirea dimensiunii containerului nu este necesară. În schimb, componentele codului pot crește pentru a utiliza 100% spațiul pentru componentele grilei sau la o anumită înălțime solicitată de conținut atunci când redați o field componentă. Totuși, în aplicațiile de pânză, contextul părinte oferă întotdeauna înălțimea și lățimea componentei, prin natura editorului de glisare și fixare.

Următorul tabel arată strategiile pe care le puteți utiliza pentru a controla înălțimea și lățimea conținutului HTML al controalelor:

Gazdă	Tip componentă de cod	Strategia de dimensiune a înălțimii CSS	Strategia pentru dimensiunea lățimii CSS
Aplicații proiectate pe bază de model	dataset	height: "100%"	width: "100%"
Aplicații proiectate pe bază de model	field	Creșteți până la o înălțime maximă (Formularul de găzduire va crește și pentru a se potrivi).	width: "100%"
Aplicații proiectate pe bază de model	field (modul ecran complet)	height: "100%"	width: "100%"
Aplicații proiectate pe pânză	dataset & field	height: allocatedWidth	width: allocatedHeight
Aplicații proiectate pe pânză	dataset & field (mod ecran complet)	height: "100%"	width: "100%"

Dacă valorile allocatedWidth și allocatedHeight se modifică după apelarea primei updateView , atunci se apelează un "aspect" ulterior updateView cu "aspect" adăugat la context.updatedProperties. Mai multe informații: UpdateProperties.

Disponibil pentru

Aplicații bazate pe modele, aplicații pânză, și portaluri.

Sintaxă

context.mode.trackContainerResize(value)

Parametri

Nume parametru	Tip	Obligatoriu	Descriere
valoare	Boolean	Da	True dacă controalele trebuie să urmărească dimensiunea containerului, componenta va fi alocatĂCudth sau alocatHeight.

Articole asociate

Mod
Referință API cadru componentă Power Apps
Prezentare generală a cadrului componentei Power Apps