Penggunaan tabel dalam aplikasi web

Table set properties tabel dan blok Table update properties digunakan untuk mendesain tabel.

Sekilas, kedua blok ini tampak sama. Perbedaannya terletak pada cara kerjanya:

Blok Table Set Properties sepenuhnya mengubah pengaturan saat ini. Bahkan jika Anda hanya menyetel satu bidang input, semua bidang akan berubah; mereka akan menjadi kosong. Blok Table Update Properties hanya mengubah bidang yang ditentukan, jadi ini adalah solusi yang bagus jika Anda hanya ingin mengubah pengaturan tabel sebagian.

Mari kita lihat pengaturan tampilan seperti apa yang dapat diterapkan pada tabel.

Pengaturan diatur menggunakan bidang input di Table set properties tabel dan blok Table update properties . Ada bidang-bidang berikut:

  • Component ID – menentukan tabel mana yang akan diterapkan perubahan;
  • Title tabel;
  • Style – mengubah ukuran baris dalam tabel;
  • Pagination – bertanggung jawab untuk tabel multi-halaman; itu dapat digunakan dalam tabel dengan sejumlah besar entri agar tidak membebani;
  • Bordered – batas dalam tabel;
  • Visible – tampilkan/sembunyikan tabel;
  • Loading – memuat status; opsi ini menunjukkan kepada pengguna bahwa ada perubahan pada tabel.

Pengaturan berikut hanya berfungsi ketika pagination diaktifkan:

  • Current page – pemilihan halaman tabel yang akan ditampilkan;
  • Records for page – jumlah catatan per halaman;
  • Total records – jumlah total record dalam tabel.

Contoh praktis

Mari kita gunakan tabel sederhana untuk model "Tugas".

Data dimuat dari database ke dalam tabel menggunakan pemicu onShow . Mari kita atur pengaturan tampilannya terlebih dahulu. Untuk ini, gunakan blok Table set properties .

Di Component ID , pilih tabel yang diperlukan.

Di Title berikan nama tabel – To Do List.

Atur Style – Tengah.

Aktifkan Pagination.

Aktifkan Bordered .

Hal ini diperlukan untuk mengaktifkan Visible . Jika tidak, tabel tidak akan terlihat.

Nyalakan Loading.

Setel Current page ke 1 untuk melihat halaman pertama.

Records for page dibatasi hingga 5.

Total records diatur ke 10, misalnya.

Semua pengaturan dapat disimpan sekarang.

Lebih lanjut tentang Loading

Tabel telah mengambil formulir yang diperlukan. Satu-satunya yang tersisa, status pemuatan tidak hilang. Hal ini dapat dengan mudah diperbaiki. Untuk melakukan ini, ubah nilai loading. Status pemuatan akan muncul saat data dimuat ke dalam tabel dan menghilang saat proses selesai.

Jadi diperlukan proses bisnis yang akan mengubah properti tabel setelah pemuatan data BP selesai.

Blok pemuatan data diakhiri dengan blok Table update data , dan ada pemicu onDataUpdate yang akan berjalan setelah tabel diperbarui.

Tetapkan BP baru untuk itu. Ambil blok Table update properties untuk mengubah hanya satu bidang dan mematikan pemuatan.

Semua perubahan dapat disimpan, dan tabel akan ditampilkan sesuai kebutuhan.

pemicu onFilter

Mari kita lihat lebih dekat pemicu onFilter . Ini hanya berfungsi ketika pagination diaktifkan, ketika ada transisi melalui halaman tabel. Ini memiliki dua bidang tambahan:

  • _limit – mengirimkan jumlah record yang ditampilkan dalam tabel pada saat pagination dipicu;
  • _offset – menentukan record mana yang akan mulai diproses.

Mari siapkan BP untuk mendemonstrasikan cara kerja pemicu onFilter .

Pemicu onFilter berfungsi ketika ada transisi dari satu halaman ke halaman lain dalam tabel multihalaman (pagination).

Mari kita ambil tabel dengan tiga halaman, masing-masing dengan lima catatan.

Buat BP yang akan menampilkan data dari bidang onFilter di antarmuka.

Untuk melakukan ini, konversi bidang _limit dan _offset menggunakan blok to string dan berikan hasilnya ke blok notification .

Saat berpindah dari halaman pertama ke halaman kedua, akan muncul dua pesan: _limit - 5 dan _offset - 5. Artinya ada lima record pada halaman tabel (_limit), dan tabel tersebut sekarang memproses record dimulai dengan 5 (_offset) . Jika masuk ke halaman ketiga, akan ada pesan berikut: _limit - 5 (karena halaman sebelumnya juga memiliki lima record) dan _offset - 10 (karena tabel memproses record mulai dari 10).

pemicu onRowClick dan onRowDoubleClick triggers.

Mari kita lihat pemicu onRowClick dan onRowDoubleClick . Mereka bekerja ketika ada klik atau klik dua kali pada satu baris. Pemicu ini memiliki bidang Record ID yang menyimpan ID rekaman yang diklik. Ini berguna untuk membuat tabel tertaut dan membangun hierarki

Untuk menunjukkan cara kerja pemicu ini, mari siapkan BP yang akan menampilkan kepada pengguna nomor baris yang dikliknya.

To string dan blok Notification diperlukan. Dalam To string , berikan nilai bidang Record ID . Dan setelah konversi, berikan nilai yang dihasilkan ke bidang Judul dari blok Notification .

Baca Lebih Banyak Praktik Terbaik

Pemecahan masalah proses bisnis
Pemecahan masalah proses bisnis
Bagaimana menemukan dan memperbaiki kesalahan dalam aplikasi
Debug dan masuk
Debug dan masuk
Cara mencatat data dan menggunakannya untuk debugging di AppMaster
Inspired to try this yourself?

Kembangkan keterampilan tanpa kode Anda dengan Tim AppMaster!

Lihat kursus kami dan pelajari langkah demi langkah cara menggunakan AppMaster sepenuhnya!

Lebih Banyak Sumber Daya AppMaster

Selesaikan masalah apa pun dengan bantuan para ahli kami.
Hemat waktu dan fokus pada pembangunan aplikasi Anda.

Bantuan & Dukungan

Selesaikan masalah apa pun dengan bantuan para ahli kami.

Dapatkan Dukungan

Dokumentasi

Informasi bermanfaat tentang memulai dan fitur-fiturnya.

Baca dokumen

Video tutorial

Pelajari cara menggunakan AppMaster dengan video tutorial.

Tonton Tutorial

Komunitas Pengguna

Jadilah bagian dari komunitas kami dan cari tahu lebih lanjut.

Bergabung dengan Komunitas