Udostępnij przez

trackContainerResize

Określa rozmiar kontenera, jeśli składnik musi reagować. Składnik otrzyma allocatedWidth wartość lub allocatedHeight jeśli dane wejściowe mają wartość true..

Po wywołaniu trackContainerResize(true) metody context.mode.allocatedWidth element i context.mode.allocatedHeight zostanie podany wewnątrz updateView metody składnika kodu. Wartości tych właściwości różnią się w zależności od tego, gdzie jest hostowany składnik kodu. Wartość -1 wskazuje, że składnik kodu może ustawić reguły stylu CSS, aby wypełnić dostępne miejsce zgodnie z potrzebami.

W poniższej tabeli przedstawiono wartości allocatedWidth i allocatedHeight w różnych kombinacjach metod cyklu życia hosta i składnika kodu.

Host Metoda cyklu życia allocatedWidth allocatedHeight
Aplikacje oparte na modelu i kanwy init -1 -1
Aplikacje oparte na modelu updateView -1 , jeśli trackContainerResize(false) lub
szerokość w pikselach, jeśli trackContainerResize(true)
Szerokość zmieni się w miarę zmieniania rozmiaru okna przeglądarki, a formularz dostosowuje się do dostępnego miejsca.		 -1
Aplikacje kanwy updateView Ustaw przez twórcę aplikacji.
Może zmieniać się dynamicznie, jeśli szerokość jest ustawiona na formułę Power FX.		 Ustaw przez twórcę aplikacji.
Może zmieniać się dynamicznie, jeśli szerokość jest ustawiona na formułę Power FX.

Uwaga / Notatka

W uprzęży testowej (rozpoczęto przy użyciu npm startpolecenia ), allocatedHeight element i allocatedWidth zostanie zwrócony jako ciągi, a nie liczby. Jeśli żadna wartość nie zostanie podana, zwróci pusty ciąg, a nie -1 lub niezdefiniowany. Ponadto po ustawieniu szerokości lub wysokości nie można cofnąć zmian bez odświeżania przeglądarki, zamiast tego zostanie zinterpretowana pusta wartość jako rozmiar 1.

Ogólnie rzecz biorąc, aplikacje oparte na modelu nie ograniczają wysokości i szerokości składnika, więc śledzenie rozmiaru kontenera nie jest konieczne. Zamiast tego składniki kodu mogą rosnąć, aby używać 100% miejsca dla składników siatki lub określonej wysokości wymaganej przez zawartość podczas renderowania field składnika. Jednak w aplikacjach kanwy kontekst nadrzędny zawsze zapewnia wysokość i szerokość składnika z natury edytora przeciągania i upuszczania.

W poniższej tabeli przedstawiono strategie, których można użyć do kontrolowania wysokości i szerokości zawartości HTML kontrolek:

Host Typ składnika kodu Strategia rozmiaru wysokości arkusza CSS Strategia rozmiaru szerokości arkusza CSS
Aplikacje oparte na modelu dataset height: "100%" width: "100%"
Aplikacje oparte na modelu field Dorastanie do maksymalnej wysokości
(Formularz hostingu również wzrośnie, aby pomieścić).		 width: "100%"
Aplikacje oparte na modelu field (tryb pełnoekranowy) height: "100%" width: "100%"
Aplikacje kanwy dataset & field height: allocatedWidth width: allocatedHeight
Aplikacje kanwy dataset & field (tryb pełnoekranowy) height: "100%" width: "100%"

Jeśli wartości allocatedWidth i zmieniają się po wywołaniu pierwszegoupdateView, zostanie wywołana kolejna updateView z "układem" dodanym do elementu context.updatedPropertiesallocatedHeight . Więcej informacji: UpdatedProperties.

Dostępne dla

Aplikacje oparte na modelu, aplikacje kanwy i portale.

Składnia

context.mode.trackContainerResize(value)

Parametry

Nazwa parametru Typ Wymagane Description
value Boolean Tak True jeśli kontrolki wymagają śledzenia rozmiaru kontenera, składnik zostanie przydzielonyWidth lub przydzielonyHeight.

Tryb
Dokumentacja interfejsu API platformy składników usługi Power Apps
Omówienie struktury składników usługi Power Apps

  • Last updated on