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
Jelajahi catatan	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 detail rekaman	Tampilkan kontrol formulir	Untuk data tunggal, Tampilkan banyak atau semua bidang dalam data tersebut.
Mengedit atau membuat rekaman	Mengedit kontrol 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 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
Jelajahi Galeri1	Tampilkan rekaman dari sumber data Aset .	Properti Item galeri diatur ke rumus yang didasarkan pada sumber data Aset .
GambarItem Baru1	Tampilkan layar Edit dan Buat dengan setiap bidang diatur ke nilai default, sehingga pengguna dapat dengan mudah membuat rekaman.	Properti OnSelect gambar diatur ke rumus ini: Formulir Baru( EditFormulir1 ); Navigate( EditScreen1, Tidak Ada )
NextArrow1 (di galeri)	Tampilkan layar Detail untuk melihat banyak atau semua bidang rekaman yang saat ini dipilih.	Properti OnSelect panah 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 rekaman dari sumber data di dalamnya. Misalnya, atur properti tersebut ke Aset untuk menampilkan rekaman dari sumber data dengan nama tersebut.

Catatan

Dalam aplikasi yang dihasilkan,Item ... diatur ke rumus yang jauh lebih rumit secara default sehingga pengguna dapat mengurutkan dan menelusuri rekaman. 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-nya ... ke rumus ini:
Formulir Baru( EditFormulir1 ); Navigate( EditScreen1, Tidak Ada )

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

Untuk memeriksa kontrol apa pun yang muncul di BrowseGallery1, pilih kontrol tersebut 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 dalamsumber data Aset . Properti Teks dari tiga kontrol Label lainnya di galeri diatur ke rumus yang serupa, dan setiap kontrol menampilkan bidang yang berbeda di sumber data.

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

Jika pengguna menemukan rekaman di BrowseGallery1, pengguna dapat memilih panah untuk rekaman tersebut untuk menampilkan informasi selengkapnya di DetailScreen1. Dengan memilih panah, pengguna mengubah nilai properti Selected dari BrowseGallery1. Dalam aplikasi ini, properti tersebut menentukan rekaman mana yang muncul tidak hanya di DetailScreen1 tetapi juga, jika pengguna memutuskan untuk memperbarui rekaman, layar Edit dan Buat .

Layar rincian

Layar ini memiliki rumus kunci berikut:

Control	Perilaku terdukung	Rumus
DetailForm1	Menampilkan rekaman di 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: JelajahiGaleri1.Terpilih
Kontrol kartu	Dalam kontrol Tampilkan formulir , menampilkan satu bidang dalam rekaman.	Atur properti DataField ke nama bidang, diapit dalam tanda kutip ganda (misalnya, "Nama").
GambarPanah Belakang1	Saat pengguna memilih kontrol ini, buka BrowseScreen1.	Atur properti OnSelect ke rumus ini: Kembali ()
GambarHapus1	Bila pengguna memilih kontrol ini, data akan terhapus.	Atur properti OnSelect ke rumus ini: Hapus( Aset, BrowseGallery1.Selected )
Gambar Edit1	Saat pengguna memilih kontrol ini, membuka layar Edit dan Buat ke rekaman 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, mengatur di antara tiga layar aplikasi.

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

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

Properti DataField dari kontrol Kartu menentukan bidang mana yang ditampilkan kartu. Dalam hal ini, properti tersebut diatur ke AssetID. Kartu berisi kontrol Label yang properti Teksnya diatur ke Parent.Default. Kontrol ini menunjukkan nilai Default untuk kartu, yang diatur melalui properti DataField .

Dalam aplikasi yang dihasilkan, Kontrol kartu dikunci secara default. Saat kartu terkunci, Anda tidak dapat mengubah 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
EditFormulir1	Menampilkan rekaman di sumber data Aset .	Atur properti DataSource ke Aset.
EditFormulir1	Menentukan data mana yang akan ditampilkan. Dalam aplikasi yang dihasilkan, menampilkan rekaman yang dipilih pengguna di BrowseScreen1.	Atur properti Item ke nilai ini: JelajahiGaleri1.Terpilih
Kontrol kartu	Dalam kontrol Edit formulir , menyediakan kontrol sehingga pengguna dapat mengedit satu atau beberapa bidang dalam rekaman.	Atur properti DataField ke nama bidang, diapit dalam tanda kutip ganda (misalnya, "Nama").
GambarBatal1	Saat pengguna memilih kontrol ini, buang perubahan apa pun yang sedang berlangsung, dan buka layar Detail .	Atur properti OnSelect ke rumus ini: ResetForm( EditForm1 ); Kembali ()
GambarTerima1	Bila pengguna memilih kontrol ini, perubahan akan dikirimkan ke sumber data.	Atur properti OnSelect ke rumus ini: SubmitForm( EditForm1 )
EditFormulir1	Jika perubahan diterima, kembali ke layar sebelumnya.	Atur properti OnSuccess ke rumus ini: Kembali ()
EditFormulir1	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 Text ke nilai ini: EditForm1.Error

Seperti di layar Detail , kontrol formulir, bernama EditForm1 , mendominasilayar Edit dan Buat . Selain itu, properti Item EditForm1diatur ke BrowseGallery1.Selected , sehingga formulir menampilkan rekaman yang dipilih pengguna diBrowseScreen1 . Meskipun layar Detail menampilkan setiap bidang sebagai baca-saja, pengguna dapat memperbarui nilai satu atau beberapa bidang dengan menggunakan kontrol di EditForm1. Ini juga menggunakan properti DataSource untuk mengakses metadata tentang sumber data ini, seperti nama tampilan yang mudah digunakan untuk setiap bidang dan lokasi tempat perubahan harus disimpan.

Jika pengguna memilih ikon "X" untuk membatalkan pembaruan, fungsi ResetForm akan membuang perubahan yang belum disimpan, dan fungsi Kembali membuka layar Detail . Layar Detail dan layar Edit dan Buat menampilkan rekaman 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 dan kemudian memilih ikon "tanda centang", fungsi SubmitForm mengirimkan perubahan pengguna ke sumber data.

• Jika perubahan berhasil disimpan, rumus OnSuccess formulir akan berjalan, dan fungsi Back() membuka layar detail untuk menampilkan rekaman yang diperbarui.
• Jika perubahan tidak berhasil disimpan, rumus OnFailure formulir akan berjalan, tetapi 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 mudah digunakan, tempat properti Error formulir ditetapkan.

Seperti halnya kontrol Tampilkan formulir , kontrol Edit formulir berisi kontrol Kartu , yang berisi kontrol lain yang menampilkan bidang berbeda dalam rekaman:

Pada gambar sebelumnya, kartu yang dipilih menampilkan bidang AssetID dan berisi kontrol input Teks sehingga pengguna dapat mengedit nilai bidang tersebut. (Sebaliknya, layar detail menampilkan bidang yang sama dalam Kontrol label , yang hanya baca.) 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 menggunakan Daftar Microsoft, SharePoint pustaka, atau tabel Excel yang berisi nama kolom dengan spasi sebagai sumber data Anda, Power Apps akan mengganti spasi dengan "_x0020_". Misalnya, "Nama Kolom" di SharePoint atau Excel akan muncul 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 sangat mirip, tetapi Anda mungkin menginginkan tata letak layar yang berbeda untuk memaksimalkan ruang layar ekstra.

  Contoh dalam topik lainnya didasarkan 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 letak menjadi Judul saja.

   

2. Atur properti Item galeri ke Es Krim.

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

   Label sekarang menunjukkan nilai di bidang Judul untuk setiap rekaman.

   

4. Ubah ukuran galeri untuk mengisi layar, dan atur properti TemplateSize-nya ... 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 itu menampilkan lebih banyak, mungkin semua, bidang untuk rekaman yang Anda pilih.

Kontrol Tampilkan formulir menggunakan dua properti untuk menampilkan rekaman:

• 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 rekaman di kontrol Galeri dan kemudian menelusuri rekaman tersebut.

Saat properti DataSource diatur, Anda dapat menambahkan dan menghapus bidang melalui panel kanan dan mengubah cara mereka ditampilkan.

Di layar ini, pengguna tidak dapat dengan sengaja atau tidak sengaja mengubah nilai data. Kontrol Tampilkan formulir adalah kontrol baca-saja, sehingga tidak akan memodifikasi rekaman.

Untuk menambahkan kontrol Tampilkan formulir :

1. Tambahkan layar, lalu tambahkan kontrol Tampilkan formulir ke dalamnya
2. Atur properti DataSource dari kontrol formulir ke 'Ice Cream'.

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

Terakhir, kita perlu menghubungkan kontrol Tampilan formulir ke kontrol Galeri sehingga kita dapat melihat detail untuk catatan tertentu. Segera setelah kami menyelesaikan pengaturan properti Item , catatan pertama dari galeri akan muncul di 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 Teksnyauntuk menampilkan Kembali , dan aturproperti OnSelect ke Back() .

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

  

Sekarang, mari kita kembali ke kontrol Galeri dan tambahkan beberapa navigasi ke layar detail kita.

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

2. Atur properti OnSelect bentuk ke rumus ini:
   Navigasi( Layar2, 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 rekaman, yang dicapai pengguna dalam kontrol Edit formulir .

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

• DataSource . Nama sumber data yang menyimpan data. Sama seperti kontrol Tampilkan formulir , properti ini mengisi panel 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 . Rekaman yang akan diedit, yang sering dihubungkan ke properti Selected dari kontrol Galeri . Dengan begitu, Anda dapat memilih rekaman di kontrol Galeri , menampilkannya di layar detail, 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. Saat Anda membuat perubahan di panel sebelah kanan, properti DataField pada setiap kontrol Kartu diatur ke bidang yang akan berinteraksi dengan pengguna Anda. Layar Anda seharusnya menyerupai contoh ini:

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

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

• Tambahkan kontrol Button , atur properti Text-nya ... untuk menampilkan Save, dan atur properti OnSelect ke rumus ini:
  SubmitForm( Formulir1 )

Untuk menambahkan navigasi ke dan dari layar ini:

1. Tambahkan kontrol Button lain , atur properti Text-nyauntuk menampilkan Cancel , dan aturproperti OnSelect ke rumus ini:
   ResetForm( Formulir1 ); Kembali ()

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

   

2. Atur properti OnSuccess 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 Teksnya untuk menampilkan Edit, dan atur properti OnSelect ke rumus ini:
   Navigasi (Layar3, 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 rekaman. Saat pengguna ingin membuat rekaman, fungsi NewForm mengalihkan formulir ke mode Baru .

Saat formulir dalam mode Baru , nilai setiap bidang diatur ke default sumber data. Rekaman yang diberikan ke properti Item formulir diabaikan.

Saat pengguna siap untuk menyimpan rekaman baru, SubmitForm berjalan. Setelah formulir berhasil dikirimkan, formulir dialihkan 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-nyake rumus ini:
   Formulir Baru( Formulir1 ); Navigasi (Layar3, Tidak Ada)

   Rumus ini mengalihkan kontrol Edit formulir di Layar3 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. Saat pengguna memilih tombol Simpan , fungsi SubmitForm memastikan bahwa rekaman dibuat alih-alih diperbarui. Jika pengguna memilih tombol Batal , fungsi ResetForm mengalihkan formulir kembali ke mode Edit , dan fungsi Kembali membuka layar untuk menjelajahi galeri.

Hapus data

1. Pada layar Tampilan , tambahkan tombol, dan atur properti Teksnya untuk menampilkan Hapus..

2. Atur properti OnSelect tombol ke rumus ini:
   Hapus( 'Es Krim', Galeri1.Dipilih ); Kembali ()

   

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 SubmitForm gagal karena alasan apa pun, properti Error dari kontrol Edit formulir berisi pesan kesalahan untuk ditampilkan kepada pengguna. Dengan informasi ini, pengguna harus dapat memperbaiki masalah dan mengirimkan ulang perubahan, atau mereka dapat membatalkan pembaruan.

1. Pada 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 menampilkan Form1.Error.

   

Dalam aplikasi yang Power Apps dihasilkan dari data, properti AutoHeight pada kontrol ini diatur ke true sehingga tidak ada ruang yang digunakan jika tidak ada kesalahan yang terjadi. Properti Tinggi dan Y dari kontrol Edit formulir juga disesuaikan secara dinamis untuk memperhitungkan kontrol ini yang tumbuh saat terjadi kesalahan. Untuk rincian lebih lanjut, buat aplikasi dari data yang ada, dan periksa properti ini. Kontrol kotak teks untuk kesalahan sangat singkat ketika tidak ada kesalahan yang terjadi, Anda mungkin perlu membuka tampilan Lanjutan (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 menyegarkan data secara manual:

1. Di layar dengan kontrol Galeri , tambahkan kontrol Tombol dan atur properti Teksnyauntuk menampilkan Segarkan .

2. Atur properti OnSelect dari kontrol ini ke rumus ini:
   Segarkan('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 pengurutan galeri. Bila pengguna memilih tombol, variabel akan diperbarui, dan arah berbalik. Properti OnSelect pada tombol sortir diatur ke rumus ini: UpdateContext( {SortDescending1: !SortDescending1} )

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

Rumus untuk properti Items dari kontrol Gallery 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 Sort , yang mengambil tiga argumen: tabel, bidang tempat mengurutkan, dan arah pengurutan.

  • Arah pengurutan diambil dari variabel konteks yang berubah saat pengguna memilih kontrol ImageSortUpDown1 . Nilai true/false diterjemahkan ke konstanta Descending dan Ascending.
  • Bidang untuk mengurutkan ditetapkan pada ApproverEmail. Jika Anda mengubah bidang yang muncul di galeri, Anda juga harus mengubah argumen ini.

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

  • Tabel adalah sumber data Aset mentah, yang merupakan titik awal sebelum pemfilteran atau pengurutan.
  • Ekspresi tersebut mencari contoh 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 rekaman, dan fungsi Filter dilewati.

Ini hanyalah satu contoh; Anda dapat menyusun rumus Anda sendiri untuk properti Items , bergantung pada kebutuhan aplikasi Anda, dengan menggabungkan Filter, Sort, dan fungsi serta operator lainnya secara bersamaan.

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 Navigasi dan Kembali membuka setiap layar.

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

Jika pengguna bekerja pada layar yang sama, Anda harus berhati-hati agar pengguna tidak dapat mengubah pilihan di Galeri dan berpotensi kehilangan suntingan di kontrol formulir Edit . Untuk mencegah pengguna memilih rekaman lain saat perubahan pada rekaman lain belum disimpan, tetapkan properti Nonaktif galeri ke rumus ini:
EditFormulir.Belum Disimpan