SAP UI5 - नोटपैड नियंत्रण

ए Controlका उपयोग उपस्थिति और स्क्रीन क्षेत्र को परिभाषित करने के लिए किया जाता है। इसमें इसी तरह के गुण और पाठ शामिल हैं। इन गुणों का उपयोग उपस्थिति को संशोधित करने या नियंत्रण द्वारा प्रदर्शित डेटा को बदलने के लिए किया जाता है। आप कुल नियंत्रण या संबंधित नियंत्रण बना सकते हैं।

Associated controlएक नियंत्रण को शिथिल संबंधित नियंत्रणों के रूप में परिभाषित किया गया है, जो बाल नियंत्रण या मुख्य नियंत्रण का हिस्सा नहीं हैं। नियंत्रण का उपयोग अच्छी तरह से परिभाषित घटनाओं को ट्रिगर करने के लिए किया जाता है।

SAPUI5 में नियंत्रण एक उपकरण या जावास्क्रिप्ट फ़ाइल का उपयोग करके सीधे बनाया जा सकता है। विस्तार () विधि का उपयोग करके बनाए जाने वाले नियंत्रण को भी कहा जाता हैNotepad controls।

निम्नलिखित कोड का उपयोग एक्स्टेंड विधि का उपयोग करके नियंत्रण को परिभाषित करने के लिए किया जाता है -

Sap.ui.core.control.extend (sname, oDefinition);

इस नियंत्रण को पारित करने वाले पैरामीटर -

• नियंत्रण का नाम
• नियंत्रण की परिभाषा

एक नियंत्रण की परिभाषा में नियंत्रण एपीआई, एकत्रीकरण, घटनाओं, आदि और कार्यान्वयन के तरीकों के बारे में जानकारी शामिल है।

आप कस्टम नियंत्रण भी बना सकते हैं। कस्टम नियंत्रण की परिभाषा में सार्वजनिक और निजी तरीके, मेटाडेटा और रेंडरिंग विधि आदि हो सकते हैं।

metadata:{
   properties: {},
   events: {},
   aggregations: {}
},

publicMethod: function() {},
_privateMethod: function() {},
init: function() {}
onclick: function(e) {},
renderer: function(rm, oControl) {}

बटन से विरासत में एक नया नियंत्रण बनाना -

Sap.ui.commons.Button.extend (sname, oDefinition);

metadata नियंत्रण परिभाषा में नियंत्रण गुण, घटनाओं और एकत्रीकरण के लिए ऑब्जेक्ट शामिल हैं।

संपत्ति

• प्रकार: नियंत्रण संपत्ति का डेटा प्रकार
• स्ट्रिंग: एक स्ट्रिंग संपत्ति के लिए स्ट्रिंग
• संख्या गुणों के लिए इंट या फ्लोट
• इंट [] पूर्णांक सरणी के लिए
• स्ट्रिंग सरणी के लिए स्ट्रिंग []

आयोजन

घटनाओं को केवल नाम घटना द्वारा परिभाषित किया जाता है। आप सामान्य रूप से किसी ईवेंट के लिए कोई खाली ऑब्जेक्ट पास करते हैं। अनुप्रयोग का उपयोग घटना को बाधित करने के लिए enablePreventDefault ध्वज का उपयोग करें।

Events: {
   Logout:{},
   Close: {
      enablePreventDefault : true
   }
}