SAP UI5 - Tampilan

Tampilan ditentukan menggunakan pustaka SAP sebagai berikut -

• XML dengan HTML, campuran, atau Standalone: ​​Library- sap.ui.core.mvc.XMLView
• JavaScript: Library- sap.ui.core.mvc.JSView
• JSON: Library - sap.ui.core.mvc.JSONView
• HTML: Perpustakaan - sap.ui.core.mvc.HTMLView

Contoh Tampilan JavaScript

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;
   }
});

Contoh Tampilan HTML

<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>

Demikian pula, Anda bisa membuat tampilan JSON yang diturunkan dari sap.ui.core.mvc.JsonView.

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

Perbandingan Jenis Tampilan

Tabel berikut mencantumkan fitur utama yang terkait dengan konsep MVC dan perbandingan jenis tampilan yang berbeda dengan fiturnya.

Fitur	JS View	Tampilan XML	Tampilan JSON	Tampilan HTML
Perpustakaan Standar dan Kustom	Iya	Iya	Iya	Iya
Properti tipe string, int Boolean, float	Iya	Iya	Iya	Iya
Agregasi 1: 1, 1: n Asosiasi 1: 1, 1: n	Iya	Iya	Iya	Iya
Pengikatan Data Sederhana	Iya	Iya	Iya	Iya
Sesuaikan Data Binding	Iya	Tidak	Tidak	Tidak
HTML Tersemat	Tidak	Iya	Tidak	Tidak
Penyelesaian Kode	Iya	Iya	Tidak	Tidak
Templating	Iya	Tidak	Tidak	Tidak
Validasi	Tidak	Iya	Tidak	Tidak
Pemroses Peristiwa Tunggal	Iya	Iya	Iya	Iya