परिचय और पुनर्कथन
पिछले ब्लॉग पोस्ट में , हमने अपने SAP SCP WebIDE पूर्ण स्टैक पर एक नया SAPUI5 एप्लिकेशन बनाया है और हमने इसे SAP Netweaver Gateway Demo ES5 को गंतव्य का उपयोग करने के लिए कॉन्फ़िगर किया है।
इस कवायद में क्या शामिल होगा
- XML मेटाडेटा मेनिफेस्ट क्या है और इसके अंदर क्या है?
- हमारे ओडटा मॉडल का उपयोग कैसे करें और इसे हमारे आवेदन में बांधें
- आइटम और प्रॉपर्टी बाइंडिंग के साथ एक
sap.m.Table उपयोग करें - जावास्क्रिप्ट तिथि प्रारूप करने के लिए
sap.ui.model.type.DateTime का उपयोग करें - मोबाइल / टैबलेट / डेस्कटॉप उपकरणों पर अलग-अलग कार्य करने के लिए कॉलम को कैसे स्टाइल करें
कोड देते हैं
अब कुछ कोड के साथ हमारे हाथ गंदे होने का समय आ गया है। इस चरण में, आप कुछ उपयोगी जानकारी के साथ बिजनेस पार्टनर की एक तालिका प्रदर्शित करने जा रहे हैं।
पहली बात यह है कि हमारी सेवा मेटाडेटा की जाँच करें। प्रत्येक oData सेवा XML मेटाडेटा मेनिफेस्ट नामक एक विशेष XML फ़ाइल को उजागर करती है। आप सेवा URL में $metadata जोड़कर इसे देख सकते हैं। यह हमारा GWSAMPLE_BASIC मेटाडेटा URL है । मेटाडाटा मैनिफेस्ट वास्तव में महत्वपूर्ण है क्योंकि यह वर्णन करता है:
- किस मॉडल सेट को सेवा द्वारा उजागर किया गया है
- प्रत्येक मॉडल के लिए जो प्राथमिक कुंजी है, विशेषताओं की सूची (प्रकार और बाधाओं के साथ) और अगर इसमें कुछ नेविगेशन संपत्ति है (आप इस मॉडल से अन्य लोगों के लिए संबंधों के रूप में कैसे नेविगेट कर सकते हैं)
- जानकारी के कई अन्य उपयोगी टुकड़े
BusinessPartner EntitySet पर एक नज़र डालें, और यह अनुमान लगाने की कोशिश करें कि इस चरण के अंतिम परिणाम के लिए मैंने किस संपत्ति का उपयोग किया है। अब SAPUI5 पर तालिका प्रलेखन देखें और कॉलम और आइटम के सही क्रम के साथ मेरे लेआउट को दोहराने की कोशिश करें। प्रत्येक स्तंभ नाम के लिए i18n.property फ़ाइलों में एक अनुवाद बनाएं और इसे XML में एक बाध्यकारी के रूप में उपयोग करें। अब, BusinessPartnerSet को तालिका में संलग्न करें, अनुरोधित कॉलम जोड़ें और उदाहरण के अनुसार कॉलम मानों को स्टाइल करें।
कृपया ध्यान दें कि:
- बनाया गया एक विशिष्ट DateTime प्रदर्शित किया गया है
- यदि फ़ोन, टैबलेट या डेस्कटॉप ब्राउज़र में ऐप खोला जाता है तो कॉलम अलग तरीके से कार्य करता है
अभ्यास समाप्त करने के बाद आप शाखा चरण 1 के स्रोत कोड पर परिणाम देख सकते हैं।