Делите путем


трацкЦонтаинерРесизе

Одређује величину контејнера ако компонента треба да реагује. Компонента ће добити allocatedWidth или allocatedHeight ако је улаз тачан ..

Када позовете метод context.mode.allocatedWidth, trackContainerResize(true) и context.mode.allocatedHeight ће бити обезбеђен унутар updateView методе компоненте кода. Вредности ових особина су различите у зависности од тога где је компонента кода хостована. Вредност означава -1 да компонента кода може подесити правила ЦСС стила да попуни расположиви простор по потреби.

Следећа табела приказује вредности allocatedWidth и у различитим комбинацијама allocatedHeight метода животног циклуса хоста и компоненти кода.

Домажин Метода животног циклуса allocatedWidth allocatedHeight
Апликације засноване на моделу и платну init -1 -1
Апликације засноване на моделу updateView -1 ако trackContainerResize(false) или
ширина у пикселима ако trackContainerResize(true)
Ширина ће се мењати како се мења величина прозора претраживача и образац се прилагођава расположивом простору.
-1
Апликације са подлогом updateView Постављен од стране произвођача апликација.
Може се динамички мењати ако је ширина подешена на Повер ФКС формулу.
Постављен од стране произвођача апликација.
Може се динамички мењати ако је ширина подешена на Повер ФКС формулу.

Белешка

У тестном појасу (почео да користим npm start), и allocatedWidthallocatedHeight ће бити враћен као стрингс, а не као бројеви. Када вредност није обезбеђена, они ће вратити празан стринг, а не -1 или недефинисан. Поред тога, када је ширина или висина подешена, не можете поништити промене без освежавања прегледача, уместо тога празна вредност ће се тумачити као величина 1.

Генерално , апликације засноване на моделу не ограничавају висину и ширину компоненте, тако да праћење величине контејнера није неопходно. Уместо тога, компоненте кода могу да нарасту да користе или 100% простора за компоненте мреже, или на одређену висину коју захтева садржај приликом рендерирања компоненте field . Међутим , у апликацијама за платно, надређени контекст увек обезбеђује висину и ширину компоненте по природи уређивача за повлачење и испуштање.

Следећа табела приказује стратегије које можете користити за контролу висине и ширине ХТМЛ садржаја контрола:

Домажин Код Тип компоненте ЦСС Висина Величина Стратегија ЦСС Ширина Величина Стратегија
Апликације засноване на моделу dataset height: "100%" width: "100%"
Апликације засноване на моделу field Одрасти до максималне висине
(Образац за хостинг ће такође расти да би се прилагодио).
width: "100%"
Апликације засноване на моделу field (режим целог екрана) height: "100%" width: "100%"
Апликације са подлогом &амп; height: allocatedWidth width: allocatedHeight
Апликације са подлогом &амп ; (режим целог екрана) height: "100%" width: "100%"

Ако се позове вредност allocatedWidth и allocatedHeight промени после првог updateView, онда се позове следећи updateView са "распоредом" који се додаје у . context.updatedProperties Више информација: УпдатедПропертиес .

Доступно за

Апликације засноване на моделу, апликације за платно и портали.

Синтакса

context.mode.trackContainerResize(value)

Параметри

Име параметра Тип Потребно Опис
value Boolean Да True ако контроле треба да прате величину контејнера, компонента ће добити аллоцатедВидтх или аллоцатедХеигхт.

Режиму
Референца АПИ-ја компоненте Повер Аппс
Преглед оквира компоненти Повер Аппс