trackContainerResize

Визначає розмір контейнера, якщо компонент має реагувати. Компонент отримає allocatedWidth або allocatedHeight якщо введено значення true.

Коли ви викликаєте trackContainerResize(true) метод, context.mode.allocatedWidth і context.mode.allocatedHeight буде надано всередині методу updateView компонента коду. Значення цих властивостей відрізняються залежно від розташування компонента коду. Значення -1 вказує на те, що компонент коду може встановити правила стилю CSS, щоб заповнити доступний простір за потреби.

У таблиці нижче наведено значення allocatedWidthallocatedHeight та в різних комбінаціях методів життєвого циклу хоста та компонента коду.

Хост	Метод життєвого циклу	allocatedWidth	allocatedHeight
Програми на основі моделі та полотна	init	-1	-1
Програми на основі моделі	updateView	-1 якщо trackContainerResize(false) або у пікселях, якщо trackContainerResize(true) Ширина зміниться, коли вікно браузера змінюється, а форма пристосовується до доступного простору.	-1
Компоновані програми	updateView	Установлення за допомогою розробника програм. Може динамічно змінюватися, якщо для ширини встановлено формулу Power FX.	Установлення за допомогою розробника програм. Може динамічно змінюватися, якщо для ширини встановлено формулу Power FX.

Нотатка

У тестовій упряжці (почато використання npm start) allocatedHeight і allocatedWidth буде повернуто як рядки, а не числа. Якщо значення не вказано, вони повертатимуть пустий рядок, а не -1 або не визначено. Крім того, після встановлення ширини або висоти зміни не можна скасувати, не оновлюючи браузер, натомість пусте значення інтерпретується як розмір 1.

Загалом програми на основі моделі не стримують висоту та ширину компонента, тому відстежувати розмір контейнера не потрібно. Натомість компоненти коду можуть збільшуватися, щоб використовувати 100% простору для компонентів сітки або до певної висоти, необхідної для вмісту під час відтворення компонента field . Однак у програмах із полотном батьківський контекст завжди забезпечує висоту та ширину компонента за характером редактора перетягування.

У таблиці нижче наведено стратегії, які можна використовувати для керування висотою та шириною вмісту HTML елементів керування.

Хост	Тип компонента коду	Стратегія розміру висоти CSS	Стратегія розміру ширини CSS
Програми на основі моделі	dataset	height: "100%"	width: "100%"
Програми на основі моделі	field	Збільшення до максимальної висоти (Форма розміщення також буде рости для розміщення).	width: "100%"
Програми на основі моделі	field (повноекранний режим)	height: "100%"	width: "100%"
Компоновані програми	dataset & field	height: allocatedWidth	width: allocatedHeight
Компоновані програми	dataset & field (повноекранний режим)	height: "100%"	width: "100%"

Якщо після першого updateView викликається значення allocatedWidth та allocatedHeight змінюються, подальший updateView викликається з додаванням "макета" до context.updatedProperties. Додаткові відомості: UpdatedProperties.

Доступно для

Програми на основі моделі, програми для полотна та портали.

Синтаксис

context.mode.trackContainerResize(value)

Параметри

Найменування параметра	Тип	Необхідний	Опис
значення	Boolean	Так	True якщо елементам керування потрібно відстежувати розмір контейнера, компонент отримає виділений компонентWidth або виділенийHeight.

Пов’язані статті

Режим
Довідник із API компонента Power Apps
Огляд структури компонентів Power Apps