SAP UI5 - Membuat Proyek UI5
Step 1 - Untuk membuat proyek baru di UI5 developer Studio, buka File → New → Project.
Step 2 - Masukkan nama proyek, perangkat target, dan Buat Tampilan Awal.
Step 3 - Masukkan nama Tampilan dan jenis Tampilan di jendela berikutnya dan klik Berikutnya.
Step 4- Di jendela terakhir, Anda melihat ringkasan proyek. Ini menunjukkan kepada Anda properti proyek. Klik tombol Selesai untuk membuat proyek.
Step 5- Anda akan diminta untuk beralih ke perspektif Java EE. Klik Ya dan itu akan membuka jendela proyek UI5 baru dengan tampilan awal - JSView.
Step 6 - Sekarang untuk menambahkan Shell ke tampilan ini, Anda bisa menggunakan pustaka sap.ui.ux3.Shell ().
Step 7- Karena Shell bukan bagian dari sap.ui.commons, Anda perlu menambahkan pustaka sap.ui.ux3. Anda dapat menambahkan pustaka tambahan ke data-sap-ui-libs.
Untuk menjalankan aplikasi, Anda memiliki dua opsi -
- Jalankan di server
- Jalankan di webapp
Berjalan di server direkomendasikan karena memiliki port tetap dan tidak seperti dijalankan di webapp dengan port acak satu kali.
SAP UI5 ─ Konfigurasi
Seperti yang ditunjukkan pada tabel berikut, Anda dapat menentukan berbagai atribut konfigurasi di SAP UI5 -
Fungsi Inti
Fungsi inti di SAP UI5 adalah sebagai berikut -
Sap.ui.getCore() - Ini digunakan untuk mendapatkan instance inti.
Sap.ui.getCore().byid(id) - Ini digunakan untuk mendapatkan contoh kontrol UI5 yang dibuat dengan id.
Sap.ui.getCore().applyChanges() - Ini digunakan untuk menjalankan dan membuat perubahan untuk kontrol UI5 segera.
jQuery.sap.domById(id)- Ini digunakan untuk mendapatkan elemen HTML apa pun dengan id. Jika ada kontrol UI5 dengan id, elemen yang dikembalikan adalah elemen HTML paling atas dari kontrol UI5.
jQuery.sap.byId(id) - Ini digunakan untuk mengembalikan objek jQuery dari elemen DOM dengan Id yang ditentukan.