trackContainerResize

Xác định kích cỡ bộ chứa nếu thành phần cần phản ứng. Cấu phần sẽ allocatedWidth nhận hoặc allocatedHeight nếu đầu vào là đúng..

Khi bạn gọi phương thức trackContainerResize(true) , và sẽ context.mode.allocatedWidth được context.mode.allocatedHeight cung cấp bên trong phương updateView thức của cấu phần mã. Các giá trị của các thuộc tính này khác nhau tùy thuộc vào vị trí lưu trữ cấu phần mã. Giá trị chỉ ra -1 rằng cấu phần mã có thể đặt các quy tắc Kiểu CSS để điền vào không gian sẵn có theo yêu cầu.

Bảng sau đây hiển thị các giá trị allocatedWidth của và allocatedHeight trong các kết hợp khác nhau của các phương pháp vòng đời thành phần máy chủ và mã.

Máy chủ	Phương pháp Vòng đời	allocatedWidth	allocatedHeight
Ứng dụng dựa trên mô hình và bảng tùy biến	init	-1	-1
Ứng dụng dựa trên mô hình	updateView	-1 nếu hoặc trackContainerResize(false) độ rộng theo điểm ảnh nếutrackContainerResize(true) Chiều rộng sẽ thay đổi khi cửa sổ trình duyệt được đổi kích cỡ và biểu mẫu điều chỉnh theo không gian sẵn dùng.	-1
Ứng dụng canvas	updateView	Được thiết lập bởi nhà sản xuất ứng dụng. Có thể thay đổi tự động nếu độ rộng được đặt thành công thức Power FX.	Được thiết lập bởi nhà sản xuất ứng dụng. Có thể thay đổi tự động nếu độ rộng được đặt thành công thức Power FX.

Lưu ý

Trong khai thác kiểm tra (bắt đầu sử dụng npm start), allocatedHeight và sẽ allocatedWidth được trả về dưới dạng chuỗi chứ không phải là số. Khi không có giá trị nào được cung cấp, chúng sẽ trả về một chuỗi trống thay vì chuỗi -1 hoặc không xác định. Ngoài ra, một khi chiều rộng hoặc chiều cao được đặt, bạn không thể hoàn tác các thay đổi mà không làm mới trình duyệt, thay vào đó một giá trị trống sẽ được hiểu là kích cỡ 1.

Nói chung, các ứng dụng dựa trên mô hình không giới hạn chiều cao và chiều rộng của một thành phần, vì vậy không cần phải theo dõi kích thước bộ chứa. Thay vào đó, các cấu phần mã có thể tăng lên để sử dụng 100% dung lượng cho các cấu phần lưới hoặc field đến một chiều cao cụ thể mà nội dung yêu cầu khi kết xuất một cấu phần. Tuy nhiên, trong các ứng dụng bảng tùy biến, ngữ cảnh chính luôn cung cấp chiều cao và chiều rộng cho cấu phần theo bản chất của trình soạn thảo kéo và thả.

Bảng sau đây cho thấy các chiến lược mà bạn có thể sử dụng để kiểm soát chiều cao và chiều rộng của nội dung HTML điều khiển của bạn:

Máy chủ	Loại Cấu phần Mã	Chiến lược Kích cỡ Chiều cao CSS	Chiến lược Kích cỡ Chiều rộng CSS
Ứng dụng dựa trên mô hình	dataset	height: "100%"	width: "100%"
Ứng dụng dựa trên mô hình	field	Lớn lên đến chiều cao tối đa (Biểu mẫu lưu trữ cũng sẽ tăng lên để phù hợp).	width: "100%"
Ứng dụng dựa trên mô hình	field (chế độ toàn màn hình)	height: "100%"	width: "100%"
Ứng dụng canvas	dataset & field	height: allocatedWidth	width: allocatedHeight
Ứng dụng canvas	dataset & field (chế độ toàn màn hình)	height: "100%"	width: "100%"

Nếu các giá trị của và allocatedWidth thay đổi sau khi được gọi updateView đầu tiên, updateView thì một giá trị tiếp theo được gọi là "layout" được thêm vào context.updatedPropertiesallocatedHeight . Thông tin thêm: UpdatedProperties.

Sẵn dùng cho

Ứng dụng dựa trên mô hình, ứng dụng bảng tùy biến và cổng thông tin.

Cú pháp

context.mode.trackContainerResize(value)

Tham số

Tên tham số	Kiểu	Bắt buộc	Sự miêu tả
giá trị	Boolean	Có	True nếu điều khiển cần theo dõi kích thước bộ chứa, cấu phần sẽ được phân bổWidth hoặc allocatedHeight.

Bài viết liên quan

Chế độ
Tham khảo API khung thành phần Power Apps
Tổng quan về khuôn khổ cấu phần Power Apps