के माध्यम से साझा करें


ट्रैककंटेनरका आकार बदलें

कंटेनर के आकार को निर्धारित करता है यदि घटक को प्रतिक्रिया करने की आवश्यकता है। घटक प्राप्त allocatedWidth होगा या यदि allocatedHeight इनपुट सत्य है ..

जब आप विधि को trackContainerResize(true) कॉल करते हैं, context.mode.allocatedWidth तो कोड घटक की विधि के अंदर updateView और प्रदान context.mode.allocatedHeight किया जाएगा। इन गुणों के मान इस बात पर निर्भर करते हैं कि कोड घटक कहां होस्ट किया गया है। का मान -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 सामग्री की ऊंचाई और चौड़ाई को नियंत्रित करने के लिए कर सकते हैं:

होस्ट कोड घटक प्रकार सीएसएस ऊंचाई आकार रणनीति सीएसएस चौड़ाई आकार रणनीति
मॉडल-चालित ऐप 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%"

यदि पहले updateView के मान और परिवर्तन allocatedHeight के बाद allocatedWidth कहा जाता है, तो बाद में updateView "लेआउट" के साथ कहा जाता है .context.updatedProperties अधिक जानकारी: UpdatedProperties.

के लिए उपलब्ध है

मॉडल-संचालित ऐप, कैनवास ऐप और पोर्टल।

सिंटैक्स

context.mode.trackContainerResize(value)

पैरामीटर्स

पैरामीटर नाम प्रकार आवश्य विवरण
मान Boolean हाँ True यदि नियंत्रणों को कंटेनर आकार को ट्रैक करने की आवश्यकता है, तो घटक आवंटित चौड़ाई या आवंटित ऊंचाई प्राप्त करेगा।

मोड समूह
Power Apps घटक फ़्रेमवर्क API संदर्भ
Power Apps घटक फ़्रेमवर्क अवलोकन