Memahami formulir aplikasi kanvas

Tambahkan tiga jenis kontrol ke aplikasi kanvas sehingga pengguna dapat mencari data, menampilkan rincian tentang data tersebut, dan mengedit atau membuat data:

Aktivitas	Kontrol	KETERANGAN
Telusuri data	kontrol Galeri	Filter, urutkan, pencarian, dan gulir melalui dara di sumber data, lalu pilih data tertentu. Hanya menampilkan beberapa bidang dari setiap data untuk menampilkan beberapa data pada satu waktu, bahkan di layar yang kecil.
Menampilkan rincian data	Kontrol Tampilkan formulir	Untuk data tunggal, Tampilkan banyak atau semua bidang dalam data tersebut.
Edit atau membuat data	Kontrol Edit formulir	Perbarui satu atau beberapa bidang dalam satu data (atau buat data yang diawali dengan nilai default), dan simpan perubahan tersebut kembali ke sumber data yang mendasari.

Letakkan setiap kontrol pada layar yang berbeda untuk membuatnya lebih mudah untuk dibedakan:

Seperti topik ini menjelaskan, gabungkan kontrol-kontrol ini dengan rumus untuk membuat pengalaman pengguna secara keseluruhan.

Prasyarat

• Daftar Power Apps, lalu masuk dengan memberikan kredensial yang sama dengan yang Anda gunakan untuk mendaftar.
• Pelajari cara untuk mengonfigurasi kontrol di Power Apps.

Menjelajahi aplikasi yang dihasilkan

Power Apps secara otomatis dapat menghasilkan aplikasi berdasarkan sumber data yang Anda tentukan. Setiap aplikasi berisi tiga layar dengan kontrol yang dijelaskan sebelumnya dan rumus yang menghubungkannya. Jalankan aplikasi tersebut "di luar kotak", sesuaikan untuk sasaran spesifik, atau periksa cara kerjanya sehingga Anda dapat mempelajari konsep berguna yang berlaku untuk aplikasi Anda. Di bagian berikut, periksa layar, kontrol, dan rumus yang mengarahkan aplikasi yang dihasilkan.

Layar telusuri

Layar ini memiliki rumus kunci berikut:

Control	Perilaku terdukung	Rumus
BrowseGallery1	Menampilkan data dari sumber data Aset.	Properti Item galeri diatur ke rumus yang berdasarkan pada sumber data Aset.
ImageNewItem1	Menampilkan layar Edit dan Buat dengan masing-masing bidang diatur ke nilai default, sehingga pengguna dapat dengan mudah membuat data.	Properti OnSelect diatur ke rumus ini: NewForm( EditForm1 ); Navigate( EditScreen1, Tidak Ada )
NextArrow1 (di galeri)	Menampilkan layar Rincian untuk menampilkan banyak atau semua bidang dari data yang dipilih saat ini.	Properti OnSelect dari panahnya diatur ke rumus ini: Navigate( DetailScreen1, Tidak Ada )

Kontrol utama pada layar ini, BrowseGallery1, mencakup sebagian besar area layar. Pengguna dapat menggulir melalui galeri untuk menemukan data tertentu untuk menampilkan lebih banyak bidang atau untuk diperbarui.

Atur properti Item galeri untuk menampilkan data dari sumber data di dalamnya. Misalnya, atur properti tersebut ke Aset untuk menampilkan data dari sumber data nama tersebut.

Catatan

Di aplikasi yang dihasilkan, Item diatur ke rumus yang secara signifikan lebih rumit secara default sehingga pengguna dapat mengurutkan dan mencari data. Anda akan belajar cara membuat rumus tersebut nanti di topik ini; versi yang lebih sederhana sudah cukup untuk saat ini.

Alih-alih menemukan data untuk ditampilkan atau diedit, pengguna dapat membuat data dengan memilih simbol "+" di atas galeri. Buat efek ini dengan menambahkan kontrol Gambar, menampilkan simbol "+" di dalamnya, dan mengatur properti OnSelect ke rumus ini:
NewForm( EditForm1 ); Navigate( EditScreen1, Tidak Ada )

Rumus ini membuka layar Edit dan Buat, yang menampilkan kontrol Edit formulir bernama EditForm1. Rumus juga akan mengalihkan formulir ke mode Baru , di mana formulir menunjukkan nilai default dari sumber data sehingga pengguna dapat dengan mudah membuat data dari awal.

Untuk memeriksa kontrol apa pun yang muncul di BrowseGallery1, pilih kontrol di bagian pertama galeri tersebut, yang berfungsi sebagai templat untuk semua bagian lainnya. Misalnya, pilih kontrol Label tengah di tepi kiri:

Dalam contoh ini, properti Teks kontrol diatur ke ThisItem.AssignedTo, yang merupakan bidang pada sumber data Aset. Properti Teks dari tiga kontrol Label lainnya di galeri diatur ke rumus serupa, dan setiap kontrol menampilkan bidang yang berbeda di sumber data.

Pilih kontrol Bentuk (panahnya), dan konfirmasikan bahwa properti OnSelect diatur ke rumus ini:
Navigate( DetailScreen1, Tidak Ada )

Jika pengguna menemukan data di BrowseGallery1, pengguna dapat memilih tanda panah untuk data tersebut untuk menampilkan informasi lebih lanjut tentangnya di DetailScreen1. Dengan memilih tanda panah, pengguna akan mengubah nilai properti Yang Dipilih dari BrowseGallery1. Dalam aplikasi ini, properti tersebut menentukan data yang muncul tidak hanya di DetailScreen1 tetapi juga, jika pengguna memutuskan untuk memperbarui data, layar Edit dan Buat.

Layar rincian

Layar ini memiliki rumus kunci berikut:

Control	Perilaku terdukung	Rumus
DetailForm1	Menampilkan data dalam sumber data Aset	Atur properti DataSource ke Aset.
DetailForm1	Menentukan data mana yang akan ditampilkan. Di aplikasi yang dihasilkan, menampilkan data yang dipilih pengguna di galeri.	Atur properti Item dari kontrol ini ke nilai ini: BrowseGallery1.Selected
Kontrol Kartu	Dalam kontrol Tampilkan formulir, tampilkan satu bidang dalam data.	Atur properti DataField ke nama bidang, diapit tanda kutip ganda (misalnya, "Nama").
ImageBackArrow1	Bila pengguna memilih kontrol ini, buka BrowseScreen1.	Atur properti OnSelect ke rumus ini: Back()
ImageDelete1	Bila pengguna memilih kontrol ini, data akan terhapus.	Atur properti OnSelect ke rumus ini: Remove( Assets, BrowseGallery1.Selected )
ImageEdit1	Bila pengguna memilih kontrol ini, layar Edit dan Buat terbuka untuk data saat ini.	Atur properti OnSelect ke rumus ini: Navigate( EditScreen1, Tidak Ada )

Di bagian atas layar, tiga gambar berada di luar DetailForm1 dan bertindak sebagai tombol, mengarahkan antara tiga layar aplikasi.

DetailForm1 mendominasi layar ini dan menampilkan data yang dipilih pengguna di galeri (karena properti Item formulir diatur ke BrowseGallery1.Selected). Properti DataSource dari formulir juga menyediakan metadata tentang sumber data, seperti nama tampilan ramah pengguna untuk setiap bidang.

DetailForm1 berisi beberapa kontrol Kartu. Anda dapat memilih kontrol Kartu itu sendiri atau kontrol yang berisi untuk menemukan informasi tambahan.

Properti DataField dari kontrol Kartu menentukan bidang mana yang ditampilkan kartu. Dalam kasus ini, properti tersebut diatur ke AssetID. Kartunya berisi kontrol Label yang untuk properti Teks diatur ke Parent.Default. Kontrol ini menampilkan nilai Default untuk kartunya, yang diatur melalui properti DataField.

Dalam aplikasi yang dihasilkan, kontrol Kartu terkunci secara default. Bila kartu dikunci, Anda tidak dapat memodifikasi beberapa properti, seperti DataField, dan bilah rumus tidak tersedia untuk properti tersebut. Pembatasan ini membantu memastikan bahwa penyesuaian Anda tidak merusak fungsi dasar dari aplikasi yang dihasilkan. Namun, Anda dapat mengubah beberapa properti dari kartu dan kontrolnya di panel sebelah kanan:

Di panel sebelah kanan, Anda dapat memilih bidang mana yang akan ditampilkan dan di jenis kontrol apa yang ditampilkan setiap bidang.

Edit/Buat layar

Layar ini memiliki rumus kunci berikut:

Control	Perilaku terdukung	Rumus
EditForm1	Menampilkan data dalam sumber data Aset.	Atur properti DataSource ke Aset.
EditForm1	Menentukan data mana yang akan ditampilkan. Di aplikasi yang dihasilkan, menampilkan data yang dipilih pengguna di BrowseScreen1.	Atur properti Item ke nilai ini: BrowseGallery1.Selected
Kontrol Kartu	Dalam kontrol Edit formulir, menyediakan kontrol sehingga pengguna dapat mengedit satu atau beberapa bidang dalam data.	Atur properti DataField ke nama bidang, diapit tanda kutip ganda (misalnya, "Nama").
ImageCancel1	Bila pengguna memilih kontrol ini, hapus perubahan apa pun dalam perkembangan, dan buka layar Rincian.	Atur properti OnSelect ke rumus ini: ResetForm( EditForm1 ); Back()
ImageAccept1	Bila pengguna memilih kontrol ini, perubahan akan dikirimkan ke sumber data.	Atur properti OnSelect ke rumus ini: SubmitForm( EditForm1 )
EditForm1	Jika perubahan diterima, kembali ke layar sebelumnya.	Atur properti OnSuccess ke rumus ini: Back()
EditForm1	Jika perubahan tidak diterima, tetap di layar saat ini agar pengguna dapat memperbaiki masalah apa pun dan mencoba mengirimkannya lagi.	Biarkan properti OnFailure kosong.
LblFormError1	Jika perubahan tidak diterima, pesan kesalahan akan tampil.	Atur properti Teks ke nilai ini: EditForm1.Error

Seperti di layar Rincian, kontrol formulir, bernama EditForm1, mendominasi layar Edit dan Buat. Selain itu, properti Item dari EditForm1 diatur ke BrowseGallery1.Selected, sehingga formulir menampilkan data yang dipilih pengguna di BrowseScreen1. Sementara layar Rincian menampilkan setiap bidang sebagai hanya dapat dibaca, pengguna dapat memperbarui nilai dari satu atau beberapa bidang menggunakan kontrol di EditForm1. Hal ini juga menggunakan properti DataSource untuk mengakses metadata tentang sumber data ini, seperti nama tampilan ramah pengguna untuk setiap bidang dan lokasi di mana perubahan harus disimpan.

Jika pengguna memilih ikon "X" untuk membatalkan pembaruan, fungsi ResetForm membuang perubahan yang belum disimpan, dan fungsi Kembali membuka layar Rincian. Baik layar Rincian maupun layar Edit dan Buat menampilkan data yang sama hingga pengguna memilih yang berbeda di BrowseScreen1. Bidang dalam data tersebut tetap diatur ke nilai yang terakhir disimpan, bukan perubahan yang dibuat dan kemudian ditinggalkan oleh pengguna.

Jika pengguna mengubah satu atau beberapa nilai dalam formulir, lalu memilih ikon "tanda centang", fungsi SubmitForm akan mengirim perubahan pengguna ke sumber data.

• Jika perubahan berhasil disimpan, rumus OnSuccess formulir berjalan, dan fungsi Back() membuka layar rincian untuk menampilkan data yang diperbarui.
• Jika perubahan tidak berhasil disimpan, maka rumus OnFailure formulir akan berjalan, namun tidak mengubah apa pun karena kosong. Layar Edit dan Buat tetap terbuka sehingga pengguna dapat membatalkan perubahan atau memperbaiki kesalahan. LblFormError1 menampilkan pesan kesalahan yang ramah pengguna, yang diatur properti Kesalahan formulir.

Sama seperti kontrol Tampilkan formulir, kontrol Edit formulir berisi kontrol Kartu, yang berisi kontrol lain yang menampilkan bidang yang berbeda dalam data:

Pada gambar sebelumnya, kartu yang dipilih menampilkan bidang AssetID dan berisi kontrol Input teks sehingga pengguna dapat mengedit nilai dari bidang tersebut. (Sebaliknya, layar rincian menampilkan bidang yang sama di kontrol Label, yang hanya dapat dibaca.) Kontrol Input teks memiliki properti Default, yang diatur ke Parent.Default. Jika pengguna membuat data dibanding mengedit, kontrol tersebut akan menampilkan nilai awal yang dapat diubah pengguna untuk data baru.

Di panel sebelah kanan, Anda dapat menampilkan atau menyembunyikan setiap kartu, mengatur ulang, atau mengkonfigurasikannya untuk menampilkan bidang di berbagai jenis kontrol.

Membuat aplikasi dari awal

Dengan memahami bagaimana Power Apps membuat aplikasi, Anda dapat membuat aplikasi sendiri yang menggunakan blok bangunan dan rumus yang sama yang dibahas sebelumnya di topik ini.

Mengidentifikasi data tes

Untuk mendapatkan yang terbaik dari topik ini, mulailah dengan sumber data yang dapat Anda uji coba. Harus berisi data pengujian yang dapat Anda baca dan perbarui tanpa khawatir.

Catatan

Jika Anda menggunakan daftar yang dibuat dengan Microsoft Lists, pustaka SharePoint atau tabel Excel yang berisi nama kolom dengan spasi sebagai sumber data Anda, Power Apps akan menggantikan spasi dengan "_x0020_". Misalnya, "Nama Kolom" di SharePoint atau Excel akan ditampilkan sebagai "Column_x0020_Name" di Power Apps saat ditampilkan dalam tata letak data atau digunakan dalam rumus.

Untuk mengikuti sisa topik ini tepatnya, buat daftar bernama "Es Krim" yang berisi data ini:

• Buat aplikasi dari kosong, untuk ponsel, dan sambungkan ke sumber data Anda.

  Catatan

  Aplikasi tablet sangatlah mirip, namun Anda mungkin ingin tata letak layar yang berbeda untuk memanfaatkan ruang layar ekstra.

  Contoh di sisa topik berdasarkan pada sumber data bernama Es Krim.

Telusuri data

Dapatkan informasi singkat dari data dengan menemukannya di galeri pada layar telusur.

1. Tambahkan galeri Vertikal, dan ubah tata letaknya menjadi Judul saja.

   

2. Atur properti Item galeri ke Es Krim.

3. Atur properti Teks dari label pertama di galeri ke ThisItem.Title jika diatur ke sesuatu yang lain.

   Labelnya sekarang menampilkan nilai pada bidang Judul untuk setiap data.

   

4. Ubah ukuran galeri untuk mengisi layar, dan atur properti TemplateSize menjadi 60.

   Layarnya menyerupai contoh ini, yang menampilkan semua data di sumber data:

   

Lihat detail

Jika galeri tidak menampilkan informasi yang Anda inginkan, pilih tanda panah untuk data untuk membuka layar rincian. Kontrol Tampilkan formulir di layar tersebut menampilkan lebih banyak, mungkin semua, bidang untuk data yang Anda pilih.

Kontrol Tampilkan formulir menggunakan dua properti untuk menampilkan data:

• Properti DataSource. Nama sumber data yang menyimpan data. Properti ini memuat panel sisi kanan dengan bidang dan menentukan nama tampilan dan jenis data (string, angka, tanggal, dll.) dari setiap bidang.
• Properti Item. Data untuk ditampilkan. Properti ini sering dihubungkan ke properti Dipilih dari kontrol Galeri sehingga pengguna dapat memilih data dalam kontrol Galeri dan kemudian menelusuri data tersebut.

Bila properti DataSource diatur, Anda dapat menambahkan dan menghapus bidang melalui panel sisi kanan dan mengubah tampilan mereka.

Di layar ini, pengguna tidak dapat dengan sengaja atau tidak sengaja mengubah nilai data. Kontrol Tampilkan formulir adalah kontrol yang hanya dapat dibaca, sehingga tidak akan memodifikasi data.

Untuk menambahkan kontrol Tampilkan formulir:

1. Tambahkan layar, lalu tambahkan kontrol Tampilkan formulir ke dalamnya
2. Atur properti DataSource dari kontrol formulirnya ke Es Krim.

Di panel sisi kanan, Anda dapat memilih bidang untuk ditampilkan pada layar Anda dan jenis kartu apa yang akan ditampilkan untuk setiap bidang. Selagi Anda membuat perubahan di panel sisi kanan, properti DataField pada setiap kontrol Kartu diatur ke bidang yang akan berinteraksi dengan pengguna. Layar Anda seharusnya menyerupai contoh ini:

Akhirnya, kita harus menghubungkan kontrol Tampilkan formulir ke kontrol Galeri sehingga kita dapat melihat rincian untuk data tertentu. Segera setelah kami menyelesaikan pengaturan properti Item, data pertama dari galeri akan muncul dalam formulir kami.

• Atur properti Item dari kontrol Tampilkan formulir ke Gallery1.Selected.

  Rincian untuk item yang dipilih akan ditampilkan dalam formulir.

  

Hebat! Kami sekarang beralih ke navigasi: cara pengguna membuka layar rincian dari layar galeri dan membuka layar galeri dari layar rincian.

• Tambahkan kontrol Tombol ke layar, atur properti Teks untuk menunjukkan Kembali, dan atur properti OnSelect ke Back().

  Rumus ini mengembalikan pengguna ke galeri saat mereka selesai melihat rincian.

  

Sekarang, mari kembali ke kontrol Galeri dan tambahkan beberapa navigasi ke layar rincian kami.

1. Beralih ke layar pertama, yang hosting kontrol Galeri kami, dan pilih panah dalam item pertama di galeri.

2. Atur properti OnSelect dari bentuknya ke rumus ini:
   Navigate( Screen2, Tidak Ada )

   

3. Tekan F5, lalu pilih tanda panah di galeri untuk menampilkan rincian item.

4. Pilih tombol Kembali untuk kembali ke galeri produk, lalu tekan Esc.

Mengedit rincian

Terakhir, aktivitas inti terakhir kami adalah mengubah konten data, yang dicapai pengguna dalam kontrol Edit formulir.

Kontrol Edit formulir menggunakan dua properti untuk menampilkan dan mengedit data:

• Properti DataSource. Nama sumber data yang menyimpan data. Sama seperti kontrol Tampilkan formulir, properti ini memuat panel sisi kanan dengan bidang dan menentukan nama tampilan dan jenis data (string, angka, tanggal, dll.) untuk setiap bidang. Properti ini juga menentukan apakah nilai setiap bidang valid sebelum mengirimkannya ke sumber data yang mendasari.
• Properti Item. Data yang akan diedit, yang sering dihubungkan ke properti Dipilih dari kontrol Galeri. Dengan demikian, Anda dapat memilih data di kontrol Galeri, menampilkannya di layar rincian, dan mengeditnya di layar Edit dan Buat.

Untuk menambahkan kontrol Edit formulir:

1. Tambahkan layar, tambahkan kontrol Edit formulir, lalu atur properti DataSource formulir ke 'Es Krim'.
2. Atur properti Item ke Gallery1.Selected.

Anda sekarang dapat memilih bidang untuk ditampilkan di layar Anda. Anda juga dapat memilih jenis kartu apa yang akan ditampilkan untuk setiap bidang. Selagi Anda membuat perubahan di panel sisi kanan, properti DataField pada setiap kontrol Kartu diatur ke bidang yang akan berinteraksi dengan pengguna Anda. Layar Anda seharusnya menyerupai contoh ini:

Dua properti ini sama dengan properti pada kontrol Tampilkan formulir. Dan dengan ini saja, kita dapat menampilkan rincian data.

Kontrol Edit formulir maju lebih lanjut dengan menawarkan fungsi SubmitForm untuk menulis kembali perubahan pada sumber data. Anda menggunakan ini dengan tombol atau kontrol gambar untuk menyimpan perubahan pengguna.

• Tambahkan kontrol Tombol, atur properti Teks untuk menampilkan Simpan, dan atur properti OnSelect ke rumus ini:
  SubmitForm( Form1 )

Untuk menambahkan navigasi ke dan dari layar ini:

1. Tambahkan kontrol Tombol lainnya, atur properti Teks untuk menampilkan Batalkan, dan atur properti OnSelect ke rumus ini:
   ResetForm( Form1 ); Back()

   Rumus ini membuang pengeditan yang belum disimpan dan membuka layar sebelumnya.

   

2. Atur properti OnSuccess dari formulir ke Back().

   Bila pembaruan berhasil disimpan, layar sebelumnya (dalam kasus ini, layar rincian) akan terbuka secara otomatis.

   

3. Pada layar Tampilan, tambahkan tombol, atur properti Teks untuk menampilkan Edit, dan atur properti OnSelect ke rumus ini:
   Navigate( Screen3, Tidak Ada )

   

Anda telah membuat aplikasi dasar dengan tiga layar untuk melihat dan memasukkan data. Untuk mencobanya, tampilkan layar galeri, lalu tekan F5 (atau pilih tombol panah maju "Pratinjau" di dekat sudut kiri atas layar). Titik merah muda menunjukkan lokasi pengguna mengklik atau mengetuk layar pada setiap langkah.

Membuat data

Pengguna berinteraksi dengan formulir Edit yang sama untuk memperbarui dan membuat data. Bila pengguna ingin membuat data, fungsi NewForm akan mengalihkan formulir ke mode Baru.

Bila formulir berada dalam mode Baru , nilai setiap bidang diatur ke default sumber data. Data yang disediakan untuk properti Item formulir diabaikan.

Bila pengguna siap menyimpan data baru, SubmitForm akan berjalan. Setelah formulir berhasil dikirimkan, formulir diaktifkan kembali ke EditMode.

Di layar pertama, Anda akan menambahkan tombol Baru:

1. Di layar dengan galeri, tambahkan kontrol Tombol.

2. Atur properti Teks tombol ke Baru, dan properti OnSelect ke rumus ini:
   NewForm( Form1 ); Navigate( Screen3, Tidak Ada )

   Rumus ini mengalihkan kontrol Edit formulir pada Screen3 ke mode Baru dan membuka layar tersebut sehingga pengguna dapat mengisinya.

Saat layar Edit dan Buat terbuka, formulirnya kosong, siap bagi pengguna untuk menambahkan item. Bila pengguna memilih tombol Simpan, fungsi SubmitForm memastikan data dibuat dan bukan diperbarui. Jika pengguna memilih tombol Batalkan, fungsi ResetForm mengalihkan formulir kembali ke mode Edit, dan fungsi Kembali membuka layar untuk menelusuri galeri.

Hapus data

1. Di layar Tampilan , tambahkan tombol, dan atur properti Teks untuk menampilkan Hapus..

2. Atur properti OnSelect tombol ke rumus ini:
   Remove( 'Ice Cream', Gallery1.Selected ); Back()

   

Penanganan kesalahan

Di aplikasi ini, kesalahan terjadi bila nilai bidang tidak valid, bidang wajib kosong, Anda terputus dari jaringan, atau sejumlah masalah lain muncul.

Jika SubmitFomr gagal dalam segala alasan, properti Kesalahan dari kontrol Edit formulir berisi pesan kesalah untuk menunjukkan pengguna. Dengan informasi ini, pengguna harus dapat memperbaiki masalah dan mengirimkan ulang perubahan, atau mereka dapat membatalkan pembaruan.

1. Di layar Edit dan Buat, tambahkan kontrol Label, dan pindahkan tepat di bawah tombol Simpan. Kesalahan mana pun akan mudah dilihat setelah pengguna memilih kontrol ini untuk menyimpan perubahan.

2. Atur properti Teks dari kontrol Label untuk menunjukkan Form1.Error.

   

Di aplikasi yang Power Apps hasilkan dari data, properti AutoHeight pada kontrol ini diatur ke benar sehingga tidak ada ruang yang dikonsumsi jika tidak ada kesalahan yang terjadi. Properti Tinggi dan Y dari kontrol Edit formulir juga disesuaikan secara dinamis untuk memperhitungkan kontrol ini saat terjadinya kesalahan. Untuk rincian lebih lanjut, buat aplikasi dari data yang ada, dan periksa properti ini. Kontrol kotak teks untuk kesalahan sangatlah singkat bila tidak ada kesalahan yang terjadi, Anda mungkin harus membuka tampilan Tingkat Lanjut (tersedia di tab Tampilan) untuk memilih kontrol ini.

Refresh data

Sumber data direfresh setiap kali pengguna membuka aplikasi, namun pengguna mungkin ingin merefresh data di galeri tanpa menutup aplikasi. Tambahkan tombol Refresh sehingga pengguna dapat memilihnya untuk merefresh data secara manual:

1. Di layar dengan kontrol Galeri, tambahkan kontrol Tombol dan atur properti Teks untuk menampilkan Refresh.

2. Atur properti OnSelect dari kontrol ini ke rumus ini:
   Refresh( 'Es Krim' )

   

Cari dan urutkan Galeri

Di aplikasi yang Power Apps hasilkan dari data, kami abaikan untuk mendiskusikan dua kontrol di bagian atas layar Telusuri. Dengan menggunakan kontrol ini, pengguna dapat mencari satu data atau lebih, mengurutkan daftar data dalam urutan naik atau turun, atau keduanya.

Saat pengguna memilih tombol urutkan, urutan susunan dari galeri berbalik. Untuk membuat perilaku ini, kami menggunakan variabel konteks untuk melacak arah di mana galeri diurutkan. Bila pengguna memilih tombol, variabel akan diperbarui, dan arah berbalik. Properti OnSelect dari tombol jenis diatur ke rumus ini: UpdateContext( {SortDescending1: !SortDescending1} )

Fungsi UpdateContext membuat variabel konteks SortDescending1 jika belum ada. Fungsi akan membaca nilai variabel dan mengaturnya ke logika berlawanan dengan menggunakan ! operator. Jika nilainya benar, maka akan menjadi salah. Jika nilainya salah, maka akan menjadi benar.

Rumus untuk properti Item dari kontrol Galeri menggunakan variabel konteks ini, bersama dengan teks dalam kontrol TextSearchBox1:

Sort( 
    If( IsBlank(TextSearchBox1.Text),
        Assets,
        Filter( Assets, TextSearchBox1.Text in Text(ApproverEmail) ) 
    ),
    ApproverEmail,
    If(SortDescending1, Descending, Ascending) 
)

Mari kita memecahkan ini:

• Di luar, kita memiliki fungsi Urutkan, yang mengambil tiga argumen: tabel, bidang untuk mengurutkan, dan arah untuk mengurutkan.

  • Arah pengurutan diambil dari variabel konteks yang beralih saat pengguna memilih kontrol ImageSortUpDown1. Nilai benar/salah diterjemahkan ke konstanta Turun dan Naik.
  • Bidang untuk diurutkan ditetapkan ke ApproverEmail. Jika Anda mengubah bidang yang muncul di galeri, Anda juga harus mengubah argumen ini.

• Di bagian dalam, kita memiliki fungsi Filter, yang mengambil tabel sebagai argumen dan ekspresi untuk mengevaluasi setiap data.

  • Tabelnya adalah sumber data Aset mentah, yang merupakan titik awal sebelum memfilter atau mengurutkan.
  • Ekspresi mencari instans dari string di TextSearchBox1 dalam bidang ApproverEmail. Lagi, jika Anda mengubah bidang yang muncul di galeri, Anda juga harus memperbarui argumen ini.
  • Jika TextSearchBox1 kosong, pengguna ingin menampilkan semua data, dan fungsi Filter dilewati.

Ini hanyalah satu contoh; Anda dapat membuat rumus Anda sendiri untuk properti Item, tergantung pada kebutuhan aplikasi Anda, dengan menyusun Filter, Urutkan, serta fungsi dan operator lainnya bersama-sama.

Desain layar

Sejauh ini, kami belum mendiskusikan cara lain untuk mendistribusikan kontrol di seluruh layar. Itu karena Anda memiliki banyak pilihan, dan pilihan terbaik tergantung pada kebutuhan aplikasi tertentu.

Karena properti pada layar ponsel sangatlah terbatas, Anda mungkin ingin menelusuri, menampilkan, dan mengedit/membuat di layar yang berbeda. Dalam topik ini, fungsi Navigasikan dan Kembali membuka setiap layar.

Di tablet, Anda dapat menelusuri, menampilkan, dan mengedit/membuat pada dua atau bahkan satu layar. Untuk yang terakhir, tidak ada fungsi Navigasikan atau Kembali diperlukan.

Jika pengguna bekerja pada layar yang sama, Anda harus berhati-hati agar pengguna tidak dapat mengubah pilihan di Galeri dan berpotensi kehilangan pengeditan di kontrol Edit formulir. Agar pengguna tidak memilih data lain saat perubahan pada data lain belum disimpan, atur properti Nonaktif dari galeri ke rumus ini:
EditForm.Unsaved

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).