Kongsi melalui


trackContainerResize

Menentukan saiz bekas jika komponen perlu bertindak balas. Komponen akan mendapat allocatedWidth atau allocatedHeight jika input itu benar..

Apabila anda memanggil trackContainerResize(true) kaedah, context.mode.allocatedWidth dan context.mode.allocatedHeight akan disediakan di dalam updateView kaedah komponen kod. Nilai sifat ini berbeza bergantung pada tempat komponen kod dihoskan. Nilai menunjukkan -1 bahawa komponen kod boleh mengesetkan peraturan Gaya CSS untuk mengisi ruang yang tersedia mengikut keperluan.

Jadual berikut menunjukkan nilai dan allocatedWidthallocatedHeight dalam kombinasi kaedah kitaran hayat komponen hos dan kod yang berbeza.

Hos Kaedah Kitaran Hayat allocatedWidth allocatedHeight
Apl dipacu model dan kanvas init -1 -1
Aplikasi berpandukan model updateView -1 jika trackContainerResize(false) atau
lebar dalam piksel jika trackContainerResize(true)
Lebar akan berubah apabila tetingkap penyemak imbas diubah saiznya dan borang disesuaikan dengan ruang yang tersedia.
-1
Aplikasi kanvas updateView Ditetapkan oleh pembuat aplikasi.
Boleh berubah secara dinamik jika lebar ditetapkan kepada formula Power FX.
Ditetapkan oleh pembuat aplikasi.
Boleh berubah secara dinamik jika lebar ditetapkan kepada formula Power FX.

Nota

Dalam abah-abah ujian (mula menggunakan npm start), dan allocatedHeightallocatedWidth akan dikembalikan sebagai rentetan dan bukannya nombor. Apabila tiada nilai disediakan, mereka akan mengembalikan rentetan kosong dan bukannya -1 atau tidak ditentukan. Selain itu, sebaik sahaja lebar atau ketinggian ditetapkan, anda tidak boleh membuat asal perubahan tanpa menyegarkan penyemak imbas, sebaliknya nilai kosong akan ditafsirkan sebagai saiz 1.

Secara umum, apl dipacu model tidak mengehadkan ketinggian dan lebar komponen, jadi menjejaki saiz bekas tidak diperlukan. Sebaliknya, komponen kod boleh berkembang untuk menggunakan sama ada 100% ruang untuk komponen grid atau ke ketinggian tertentu yang diperlukan oleh kandungan semasa memaparkan field komponen. Walau bagaimanapun, dalam apl kanvas, konteks induk sentiasa menyediakan ketinggian dan lebar kepada komponen mengikut sifat editor seret dan lepas.

Jadual berikut menunjukkan strategi yang boleh anda gunakan untuk mengawal ketinggian dan lebar kandungan HTML kawalan anda:

Hos Jenis Komponen Kod Strategi Saiz Ketinggian CSS Strategi Saiz Lebar CSS
Aplikasi berpandukan model dataset height: "100%" width: "100%"
Aplikasi berpandukan model field Membesar sehingga ketinggian maksimum
(Borang pengehosan juga akan berkembang untuk menampung).
width: "100%"
Aplikasi berpandukan model field (mod skrin penuh) height: "100%" width: "100%"
Aplikasi kanvas dataset & field height: allocatedWidth width: allocatedHeight
Aplikasi kanvas dataset & field (mod skrin penuh) height: "100%" width: "100%"

Jika nilai allocatedWidth dan allocatedHeight perubahan selepas yang pertama updateView dipanggil, maka seterusnya updateView dipanggil dengan "susun atur" ditambah kepada .context.updatedProperties Maklumat lanjut: UpdatedProperties.

Tersedia untuk

Apl dipacu model, apl kanvas & portal.

Sintaks

context.mode.trackContainerResize(value)

Parameter

Nama Parameter Jenis Wajib Keterangan
nilai Boolean Ya True jika kawalan perlu menjejaki saiz bekas, komponen akan diperuntukkanLebar atau diperuntukkanTinggi.

Mod
Rujukan API rangka kerja komponen Power Apps
Gambaran keseluruhan rangka kerja komponen Power Apps