إشعار
يتطلب الوصول إلى هذه الصفحة تخويلاً. يمكنك محاولة تسجيل الدخول أو تغيير الدلائل.
يتطلب الوصول إلى هذه الصفحة تخويلاً. يمكنك محاولة تغيير الدلائل.
تحديد حجم الحاوية إذا كان المكون بحاجة إلى التفاعل. سيحصل allocatedWidth المكون أو allocatedHeight إذا كان الإدخال صحيحا..
عند استدعاء trackContainerResize(true) الأسلوب ، context.mode.allocatedWidth سيتم توفير و context.mode.allocatedHeight داخل updateView أسلوب مكون التعليمات البرمجية. تختلف قيم هذه الخصائص اعتمادا على مكان استضافة مكون التعليمات البرمجية. تشير قيمة -1 إلى أن مكون التعليمات البرمجية يمكنه تعيين قواعد نمط CSS لملء المساحة المتوفرة كما هو مطلوب.
يعرض الجدول التالي قيم allocatedWidth و allocatedHeight في مجموعات مختلفة من أساليب دورة حياة مكون المضيف والرمز.
| المضيف | أسلوب دورة الحياة | 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%" |
إذا تم استدعاء قيم allocatedWidth و allocatedHeight تتغير بعد الأول updateView ، يتم استدعاء التالي updateView مع إضافة "تخطيط" إلى context.updatedProperties. مزيد من المعلومات: UpdatedProperties.
متوفر ل
التطبيقات المستندة إلى النموذج وتطبيقات اللوحة والمداخل.
بناء الجملة
context.mode.trackContainerResize(value)
المعلمات
| اسم المعلمة | نوع | مطلوبة | الوصف |
|---|---|---|---|
| القيمة | Boolean |
نعم |
True إذا كانت عناصر التحكم بحاجة إلى تعقب حجم الحاوية، تخصيص المكونWidth أو تخصيصHeight. |
المقالات ذات الصلة
طريقة
مرجع واجهة برمجة تطبيقات إطار عمل مكون Power Apps
نظرة عامة على إطار عمل مكون Power Apps