Sdílet prostřednictvím


trackContainerResize

Určuje velikost kontejneru, pokud komponenta potřebuje reagovat. Komponenta získá allocatedWidth nebo allocatedHeight pokud je vstup pravdivý.

Při volání trackContainerResize(true) metody, a context.mode.allocatedHeight bude k dispozici uvnitř updateViewcontext.mode.allocatedWidth metody komponenty kódu. Hodnoty těchto vlastností se liší v závislosti na tom, kde je komponenta kódu hostovaná. Hodnota -1 značí, že komponenta kódu může nastavit pravidla stylů CSS tak, aby vyplnila dostupné místo podle potřeby.

Následující tabulka ukazuje hodnoty allocatedWidth a allocatedHeight v různých kombinacích metod životního cyklu součástí hostitele a kódu.

Host Metoda životního cyklu allocatedWidth allocatedHeight
Modelem řízené aplikace a aplikace plátna init -1 -1
Modelem řízené aplikace updateView -1 , pokud trackContainerResize(false) nebo
šířka v pixelech, pokud trackContainerResize(true)
Šířka se změní při změně velikosti okna prohlížeče a formulář se přizpůsobí dostupnému prostoru.
-1
Aplikace plátna updateView Nastavte tvůrce aplikace.
Pokud je šířka nastavená na vzorec Power FX, může se dynamicky měnit.
Nastavte tvůrce aplikace.
Pokud je šířka nastavená na vzorec Power FX, může se dynamicky měnit.

Poznámka:

V testovacím svazku (začněte používat npm start) allocatedHeight se vrátí allocatedWidth jako řetězce, nikoli čísla. Pokud není zadaná žádná hodnota, vrátí prázdný řetězec, nikoli -1 nebo nedefinovaný. Po nastavení šířky nebo výšky navíc nelze vrátit změny zpět bez aktualizace prohlížeče, místo toho se prázdná hodnota interpretuje jako velikost 1.

Obecně platí, že modelem řízené aplikace neomezují výšku a šířku komponenty, takže sledování velikosti kontejneru není nutné. Místo toho se komponenty kódu můžou zvětšit tak, aby při vykreslování komponenty používaly buď 100% prostoru pro komponenty mřížky, nebo na konkrétní výšku vyžadovanou obsahem field . V aplikacích plátna ale nadřazený kontext vždy poskytuje výšku a šířku komponenty podle povahy editoru přetažení.

Následující tabulka ukazuje strategie, které můžete použít k řízení výšky a šířky obsahu html ovládacích prvků:

Host Typ komponenty kódu Strategie velikosti výšky šablon stylů CSS Strategie velikosti šířky šablon stylů CSS
Modelem řízené aplikace dataset height: "100%" width: "100%"
Modelem řízené aplikace field Zvětšení až na maximální výšku
(Hostitelský formulář bude také růst tak, aby vyhovoval).
width: "100%"
Modelem řízené aplikace field (režim zobrazení na celé obrazovce) height: "100%" width: "100%"
Aplikace plátna dataset & field height: allocatedWidth width: allocatedHeight
Aplikace plátna dataset & field (režim zobrazení na celé obrazovce) height: "100%" width: "100%"

Pokud se hodnoty allocatedWidth a allocatedHeight změny po prvním updateView zavolání, pak je volána následná updateView s "rozložení" přidána context.updatedPropertiesdo . Další informace: UpdatedProperties.

K dispozici pro

Modelem řízené aplikace, aplikace plátna a portály

Syntaxe

context.mode.trackContainerResize(value)

Parametry

Název parametru Typ Povinné Description
value Boolean Ano True pokud ovládací prvky potřebují sledovat velikost kontejneru, komponenta se přidělíWidth nebo přidělenáHeight.

Mode
Referenční informace k rozhraní API pro architekturu komponent Power Apps
Přehled architektury komponent Power Apps