Aracılığıyla paylaş


trackContainerResize

Bileşenin tepki vermesi gerekip gerekmediğini kapsayıcı boyutlandırmasını belirler. Bileşen, girişin doğru olup olmadığını alır allocatedWidthallocatedHeight ..

yöntemini çağırdığınızdatrackContainerResize(true), context.mode.allocatedWidth kod bileşeninin updateView yöntemi içinde ve context.mode.allocatedHeight sağlanacaktır. Bu özelliklerin değerleri, kod bileşeninin barındırıldığı yere bağlı olarak farklıdır. değeri -1 , kod bileşeninin kullanılabilir alanı gerektiği gibi doldurmak için CSS Stili kuralları ayarlayabildiğini gösterir.

Aşağıdaki tabloda, konak ve kod bileşeni yaşam döngüsü yöntemlerinin farklı birleşimlerindeki ve allocatedHeight değerleri allocatedWidth gösterilmektedir.

Host Yaşam Döngüsü Yöntemi allocatedWidth allocatedHeight
Model temelli ve tuval uygulamaları init -1 -1
Model temelli uygulamalar updateView -1 if trackContainerResize(false) veya
piksel cinsinden genişliktrackContainerResize(true)
Tarayıcı penceresi yeniden boyutlandırıldıkçe ve form kullanılabilir alana göre ayarlandığında genişlik değişir.
-1
Tuval uygulamaları updateView Uygulama oluşturucu tarafından ayarlanır.
Genişlik bir Power FX formülüne ayarlanırsa dinamik olarak değişebilir.
Uygulama oluşturucu tarafından ayarlanır.
Genişlik bir Power FX formülüne ayarlanırsa dinamik olarak değişebilir.

Uyarı

Test koşumunda (kullanmaya npm startbaşladı), allocatedHeight ve allocatedWidth sayı yerine dize olarak döndürülür. Hiçbir değer sağlanmamışsa, -1 veya tanımlanmamış yerine boş bir dize döndürür. Ayrıca, genişlik veya yükseklik ayarlandıktan sonra, tarayıcıyı yenilemeden değişiklikleri geri alamazsınız, bunun yerine boş bir değer 1 boyutu olarak yorumlanır.

Genel olarak, model temelli uygulamalar bir bileşenin yüksekliğini ve genişliğini kısıtlamaz, bu nedenle kapsayıcı boyutunu izlemek gerekli değildir. Bunun yerine kod bileşenleri, kılavuz bileşenleri için alanın 100% kullanacak şekilde veya bileşen field işlenirken içeriğin gerektirdiği belirli bir yüksekliğe kadar büyüyebilir. Ancak tuval uygulamalarında üst bağlam, sürükle ve bırak düzenleyicisinin doğası gereği bileşene her zaman yükseklik ve genişlik sağlar.

Aşağıdaki tabloda, denetimlerinizin HTML içeriğinin yüksekliğini ve genişliğini denetlemek için kullanabileceğiniz stratejiler gösterilmektedir:

Host Kod Bileşeni Türü CSS Yükseklik Boyutu Stratejisi CSS Genişlik Boyutu Stratejisi
Model temelli uygulamalar dataset height: "100%" width: "100%"
Model temelli uygulamalar field Maksimum yüksekliğe kadar büyüme
(Barındırma formu da barındırılacak şekilde büyüyecek).
width: "100%"
Model temelli uygulamalar field (tam ekran modu) height: "100%" width: "100%"
Tuval uygulamaları dataset & field height: allocatedWidth width: allocatedHeight
Tuval uygulamaları dataset & field (tam ekran modu) height: "100%" width: "100%"

ve değerleri allocatedWidthallocatedHeight ilk updateView çağrıldıktan sonra değişirse, "düzen" eklenmiş olarak bir sonraki updateView çağrılır context.updatedProperties. Daha fazla bilgi: UpdatedProperties.

Için kullanılabilir

Model temelli uygulamalar, tuval uygulamaları ve portallar.

Sözdizimi

context.mode.trackContainerResize(value)

Parametreler

Parametre Adı Türü Gerekli Description
value Boolean Yes True denetimlerin kapsayıcı boyutunu izlemesi gerekiyorsa bileşen allocatedWidth veya allocatedHeight alır.

Mod
Power Apps bileşen çerçevesi API başvurusu
Power Apps bileşen çerçevesine genel bakış