SAP UI5 - Görünümler

Görünümler, SAP kitaplıkları kullanılarak aşağıdaki gibi tanımlanır -

• HTML ile karışık veya Bağımsız XML: Library- sap.ui.core.mvc.XMLView
• JavaScript: Kitaplık- sap.ui.core.mvc.JSView
• JSON: Kitaplık - sap.ui.core.mvc.JSONView
• HTML: Kitaplık - sap.ui.core.mvc.HTMLView

JavaScript Örneği Görüntüle

Sap.ui.jsview(“sap.hcm.address”, {
   getControllerName: function() {
      return “sap.hcm.address”;
   },
   createContent: function(oController) {
      var oButton = new sap.ui.commons.Button({ text: “Hello” });
      oButton.attachPress(function() {
         oController.Hello();
      })
      Return oButton;
   }
});

HTML Görünümü Örneği

<template data-controller-name = ”sap.hcm.address’>
   <h1>title</h1>
   <div> Embedded html </div>
   <div class = ”test” data-sap-ui-type = ”sap.ui.commons.Button”
      Id = ”Button1” data-text =  ”Hello” Data-press = ”sayHello”>
   </div>
</template>

Benzer şekilde, sap.ui.core.mvc.JsonView'dan türetilen JSON görünümü oluşturabilirsiniz.

{
   “type”:”sap.ui.core.mvc.JsonView”,
   “controllerName”:”sap.hcm.address”,
   ……………………….
   …………………...
   …………………….
}

Görünüm Türlerinin Karşılaştırması

Aşağıdaki tablo, MVC konseptiyle ilişkili temel özellikleri ve bu özelliklerle ilgili farklı görünüm türlerinin karşılaştırmasını listeler.

Özellik	JS Görünümü	XML Görünümü	JSON Görünümü	HTML Görünümü
Standart ve Özel Kitaplıklar	Evet	Evet	Evet	Evet
String, int Boolean, float türlerinin özellikleri	Evet	Evet	Evet	Evet
Toplama 1: 1, 1: n İlişkilendirme 1: 1, 1: n	Evet	Evet	Evet	Evet
Basit Veri Bağlama	Evet	Evet	Evet	Evet
Veri Bağlamayı Özelleştirin	Evet	Hayır	Hayır	Hayır
Gömülü HTML	Hayır	Evet	Hayır	Hayır
Kod Tamamlama	Evet	Evet	Hayır	Hayır
Şablon oluşturma	Evet	Hayır	Hayır	Hayır
Doğrulama	Hayır	Evet	Hayır	Hayır
Tek Etkinlik İşleyici	Evet	Evet	Evet	Evet