مقدمة و خلاصة
في منشور المدونة السابق ، أنشأنا تطبيق SAPUI5 جديدًا على مكدس SAP SCP WebIDE Full ، وقمنا بتكوينه لاستخدام الوجهة إلى SAP Netweaver Gateway Demo ES5 .
ما سيتم تغطيتها في هذا التمرين
- ما هو بيان بيانات تعريف XML وما هو بداخلها؟
- كيفية استخدام نموذج OData الخاص بنا وربطه في تطبيقنا
- استخدم
sap.m.Table مع العناصر وملزمة الخاصية - استخدم
sap.ui.model.type.DateTime لتنسيق تاريخ JavaScript - كيفية نمط الأعمدة للعمل بشكل مختلف على أجهزة المحمول / الكمبيوتر اللوحي / سطح المكتب
دعنا كود
الآن حان الوقت لجعل أيدينا قذرة مع بعض الرموز. في هذه الخطوة ، ستقوم بعرض جدول "شريك العمل" مع بعض المعلومات المفيدة.
أول شيء فعله هو التحقق من بياناتنا الخدمية. تكشف كل خدمة من خدمات oData عن ملف XML خاص يسمى ملف تعريف بيانات XML. يمكنك رؤيته عن طريق إلحاق $metadata إلى عنوان URL للخدمة. هذا هو عنوان URL للبيانات الوصفية GWSAMPLE_BASIC . بيان Metatada مهم جدًا لأنه يصف:
- التي تعيين نموذج تتعرض لها الخدمة
- لكل نموذج يمثل المفتاح الأساسي ، قائمة السمات (مع الكتابة والقيود) وإذا كان لديه بعض خصائص التنقل (كيف يمكنك التنقل من هذا النموذج إلى الآخرين كعلاقات)
- الكثير من المعلومات المفيدة الأخرى
ألق نظرة على BusinessPartner EntitySet ، وحاول تخمين أي خاصية استخدمتها للنتيجة النهائية لهذه الخطوة. الآن تحقق من وثائق الجدول على SAPUI5 ومحاولة نسخ تخطيطي بالترتيب الصحيح للأعمدة والعناصر. لكل اسم عمود ، قم بإنشاء ترجمة في ملفات i18n.property في XML i18n.property . الآن ، قم بإرفاق BusinessPartnerSet بالجدول ، وقم بإضافة العمود المطلوب وقم بنمط قيم الأعمدة وفقًا للمثال.
يرجى ملاحظة أن:
- تم الإنشاء عنده عرض تاريخ زمني محدد
- يتصرف العمود بشكل مختلف إذا تم فتح التطبيق في الهاتف أو الجهاز اللوحي أو متصفح سطح المكتب
بعد الانتهاء من التمرين ، يمكنك التحقق من النتيجة على الكود المصدري للخطوة الفرعية الأولى .