Ext.js - लेआउट
लेआउट एक तरह से तत्व एक कंटेनर में व्यवस्थित होते हैं। यह क्षैतिज, ऊर्ध्वाधर या कोई अन्य हो सकता है। Ext JS के पास अपनी लाइब्रेरी में एक अलग लेआउट है, लेकिन हम हमेशा कस्टम लेआउट भी लिख सकते हैं।
| अनु क्रमांक | लेआउट और विवरण |
|---|---|
| 1 | पूर्ण यह लेआउट कंटेनर में XY निर्देशांक का उपयोग करके आइटमों की स्थिति की अनुमति देता है। |
| 2 | अकॉर्डियन यह लेआउट कंटेनर के अंदर स्टैक फैशन (एक के ऊपर एक) में सभी वस्तुओं को रखने की अनुमति देता है। |
| 3 | ऐंकर यह लेआउट उपयोगकर्ता को कंटेनर के आकार के संबंध में प्रत्येक तत्व के आकार को निर्दिष्ट करने का विशेषाधिकार देता है। |
| 4 | बॉर्डर इस लेआउट में विभिन्न पैनल नेस्टेड हैं और सीमाओं से अलग हैं। |
| 5 | ऑटो यह डिफ़ॉल्ट लेआउट है जो तत्वों की संख्या के आधार पर तत्वों के लेआउट को तय करता है। |
| 6 | कार्ड (TabPanel) यह लेआउट टैब फैशन में विभिन्न घटकों की व्यवस्था करता है। कंटेनर के शीर्ष पर टैब प्रदर्शित किए जाएंगे। हर बार केवल एक टैब दिखाई देता है और प्रत्येक टैब को एक अलग घटक माना जाता है। |
| 7 | कार्ड (जादूगर) इस लेआउट में, हर बार तत्व पूर्ण कंटेनर स्थान के लिए आते हैं। नेविगेशन के लिए विज़ार्ड में एक निचला टूल बार है। |
| 8 | स्तंभ यह लेआउट कंटेनर में कई कॉलम दिखाने के लिए है। हम स्तंभों के लिए एक निश्चित या प्रतिशत चौड़ाई को परिभाषित कर सकते हैं। कंटेनर की पूर्ण आकार के आधार पर प्रतिशत चौड़ाई की गणना की जाएगी। |
| 9 | फ़िट इस लेआउट में, कंटेनर एकल पैनल से भरा होता है। जब लेआउट से संबंधित कोई विशिष्ट आवश्यकता नहीं होती है, तो इस लेआउट का उपयोग किया जाता है। |
| 10 | टेबल जैसा कि नाम से ही स्पष्ट है, यह लेआउट HTML तालिका प्रारूप में एक कंटेनर में घटकों को व्यवस्थित करता है। |
| 1 1 | vbox यह लेआउट तत्व को ऊर्ध्वाधर तरीके से वितरित करने की अनुमति देता है। यह सबसे अधिक उपयोग किए जाने वाले लेआउट में से एक है। |
| 12 | hBox यह लेआउट तत्व को क्षैतिज रूप से वितरित करने की अनुमति देता है। |