Skip to main content

​
1. Skenario yang berlaku

Berlaku saat Anda perlu mengumpulkan informasi atau mencatat produk.

​
2. Pengenalan desainer formulir

Di YiDA, seluruh halaman konfigurasi secara kolektif disebut halaman desainer. Halaman ini terbagi menjadi empat bagian: “bilah aksi atas”, “toolbar kiri”, “kanvas tengah”, dan “panel konfigurasi atribut kanan”, seperti ditunjukkan di bawah ini:

​
2.1 Bilah aksi atas

​
2.1.1 Pengaturan formulir

Pengaturan formulir memungkinkan Anda mengonfigurasi tata letak formulir, validasi pengiriman, dan berbagai aturan formulir.
Catatan: desainer formulir untuk proses sedikit berbeda — validasi formulir harus dikonfigurasi di dalam proses.

​
2.1.2 Pengaturan halaman

Pengaturan halaman memungkinkan Anda menyesuaikan tata letak halaman formulir dan mengonfigurasi callback peristiwa untuk siklus hidup halaman.

​
2.1.3 Pintasan

Desainer YiDA juga menyediakan Pintasan untuk membantu Anda menyelesaikan konfigurasi dengan cepat, seperti ditunjukkan di bawah ini.

​
2.1.4 Pencarian global

Saat jumlah komponen formulir cukup banyak, gunakan pencarian global untuk menemukan komponen yang dibutuhkan dengan cepat.

​
2.1.5 Riwayat

Desainer YiDA menyediakan fitur Riwayat. Satu rekaman disimpan otomatis setiap kali Anda menyimpan, hingga 50 entri. Anda dapat meninjau 50 rekaman penyimpanan terbaru, memutar kembali ke versi sebelumnya, dan memeriksa detail perubahan.

​
2.2 Toolbar kiri

​
2.2.1 Pohon outline

Pohon outline memberikan tampilan yang lebih jelas tentang tata letak halaman secara keseluruhan. Anda dapat menyeret dan melepas atau menghapus komponen secara massal langsung dari pohon outline.
  • Klik dua kali item pada pohon outline untuk mengubah aliasnya, sehingga memudahkan pembedaan beberapa komponen dengan tipe yang sama.
  • Klik ikon “Sematkan” di sudut kanan atas untuk menyematkan panel pohon outline ke sisi kiri.
  • Tahan CMD / CTRL untuk melakukan Pilih Banyak pada pohon outline.

​
2.2.2 Pustaka komponen

Klik sebuah komponen pada pustaka komponen, lalu seret ke posisi yang diinginkan pada kanvas atau pohon outline. Anda juga dapat mengklik komponen untuk menyisipkannya langsung ke kanvas.

​
2.2.3 Sumber Data

Sumber Data memungkinkan Anda mendeklarasikan variabel atau variabel jarak jauh untuk menampilkan data secara dinamis. Anda dapat mengikat komponen ke Sumber Data melalui konfigurasi atribut komponen tersebut. Untuk detailnya, lihat Panel Sumber Data.

​
2.2.4 Panel tindakan

Panel tindakan memungkinkan Anda menulis kode JavaScript untuk memenuhi kebutuhan yang lebih kustom. Untuk detailnya, lihat Panel aksi JS - Buka kode frontend.

​
2.2.5 Panel internasionalisasi

Panel internasionalisasi memungkinkan Anda mengelola teks multibahasa. Anda dapat mengikat komponen ke data multibahasa melalui konfigurasi atribut komponen tersebut. Untuk detailnya, lihat: Internasionalisasi.

​
2.2.6 Kanvas tengah

Kanvas digunakan untuk menyusun dan mengonfigurasi komponen guna membangun halaman. Anda dapat menyeret dan melepas komponen berdasarkan petunjuk Cursor, serta menyalin atau menghapus komponen — keduanya mendukung Pintasan.

​
2.3 Panel konfigurasi atribut kanan

​
2.4.1 Pengaturan atribut

Pengaturan atribut digunakan untuk mengonfigurasi Atribut umum sebuah Komponen. Perubahan diterapkan pada kanvas secara real time. Klik {/} untuk menerapkan pengikatan data pada atribut saat ini, sehingga tampilan dinamis dapat diaktifkan. Catatan: hasil pengikatan data tidak dapat dipratinjau secara real time di dalam desainer — Anda harus melihatnya pada lingkungan Pratinjau. Untuk detailnya, lihat Informasi dasar komponen.

​
2.4.2 Panel pengaturan gaya

Desainer YiDA menyediakan konfigurasi gaya dasar untuk komponen seperti tampilan gambar dan teks, kontainer tata letak, serta grup. Anda dapat memodifikasi lebar, tinggi, dan latar belakang, seperti ditunjukkan di bawah ini: Untuk detailnya, lihat Pengenalan gaya kustom.

​
2.4.3 Premium

Premium terutama digunakan untuk mengonfigurasi komponen dengan kebutuhan khusus. Untuk detailnya, lihat Informasi dasar komponen. ① Pengenal unik: pengenal unik Komponen saat ini, digunakan untuk memperoleh instance Komponen tersebut dalam kode sehingga Anda dapat melakukan operasi lanjutan. ② Tampilan multi-platform: menentukan platform mana yang menampilkan Komponen saat ini. Secara Default, Komponen ditampilkan di semua platform. Jika Anda menonaktifkannya untuk platform tertentu, Komponen tidak akan dirender pada platform tersebut.
Catatan: jika opsi ini dikonfigurasi, data tidak akan dikirim ke Sisi server, dan pemanggilan kode untuk memperoleh instance Komponen saat ini akan mengembalikan null.
③ Pengiriman data: nilai Default adalah “Kirim hanya saat ditampilkan.” Ketika “Status default” Komponen formulir diatur ke Tersembunyi, data tidak akan dikirim ke backend secara Default. Jika Anda perlu mengirim data Bidang tersembunyi, atur opsi ini ke “Selalu Kirim.” Catatan: opsi ini bekerja bersama Atribut “Status default” Komponen. ④ Pengaturan tindakan: digunakan untuk mengonfigurasi callback peristiwa sebuah Komponen, sehingga Anda dapat mengimplementasikan logika bisnis kompleks melalui kode. Untuk informasi lebih lanjut, lihat panduan penggunaan Panel tindakan.