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