Kontrol ASP.NET 2.0 FormView mirip dengan kontrol DetailsView yang dengan mudah menampilkan rekaman individual dari sumber data back-end. Artikel ini akan membahas sintaks dan penerapan kontrol ini.
Kustomisasi
Meskipun kedua kontrol menampilkan satu catatan pada satu waktu, perbedaan utama antara DetailsView dan FormView adalah bahwa FormView menggunakan templat yang ditentukan pengguna DetailsView menggunakan bidang baris. Kontrol FormView tidak menentukan tata letak data sebelumnya, Anda membuat templat yang berisi kontrol untuk menampilkan masing-masing bidang dari rekaman. Templat berisi format, kontrol, dan ekspresi pengikatan yang digunakan untuk membuat formulir.
Anda dapat mengontrol tampilan rekaman data dalam tiga bentuk: mengedit, melihat, dan menambahkan rekaman baru. Selain itu, Anda dapat menyertakan dan memformat elemen header dan footer. Anda juga dapat memanfaatkan kontrol ASP.NET yang tersedia di berbagai bagian kontrol FormView.
Sintaks untuk
mendeklarasikan dan menggunakan instance kontrol FormView sangat mirip dengan mendeklarasikan dan menggunakan instance kontrol DetailsView. Perbedaan utama di antara keduanya adalah, karena tidak ada pengaturan default yang digunakan, Anda harus menyertakan format dan templat untuk menampilkan data di kontrol FormView. Listing A menunjukkan bagian sintaks untuk membuka tag elemen FormView.
Anda mungkin telah memperhatikan bahwa banyak atribut yang sesuai dengan elemen tabel HTML, seperti judul dan batas. Hal ini menunjukkan bahwa ASP.NET menggunakan tabel HTML untuk merender kontrol FormView.
Anda dapat melihat daftar properti kontrol FormView yang lebih lengkap secara online melalui situs web Microsoft. Tabel di bawah mencantumkan beberapa properti penting yang harus diperhatikan.
·AllowPaging: Nilai Boolean yang menunjukkan apakah pengguna dapat menampilkan catatan di sumber data yang ditentukan. Jika disetel ke true, menampilkan sistem nomor paginasi default (dari 1 hingga jumlah rekaman) di bagian bawah rekaman yang ditampilkan. Tautan paginasi dapat dikustomisasi melalui berbagai properti paginasi.
·DataKeyNames: Bidang kunci dari sumber data.
·DataSourceID: digunakan untuk mentransplantasikan ID elemen sumber data kontrol FormView. Jika menggunakan SQL Server, ini sesuai dengan ID yang ditetapkan ke elemen SqlDataSource.
·DefaultMode: Memungkinkan Anda menentukan perilaku default kontrol. Artinya, bagaimana tampilan awalnya saat pengguna mengaksesnya. Nilai yang mungkin meliputi: ReadOnly, Insert, dan Edit.
·EmptyDataText: Teks yang ditampilkan ketika ditemukan nilai data kosong.
Saat Anda mendeklarasikan kontrol FormView, kontennya juga harus diformat sesuai. Datanya ditampilkan melalui templat. Kontrol FormView terutama menggunakan lima templat:
·ItemTemplate: Mengontrol tampilan saat pengguna melihat data.
·EditItemTemplate: Ini menentukan format dan tampilan elemen data saat pengguna mengedit catatan. Dalam template ini, Anda akan menggunakan kontrol lain, seperti elemen TextBox, untuk memungkinkan pengguna mengedit nilai.
·InsertItemTemplate: Mirip dengan mengedit rekaman, templat ini mengontrol tampilan bidang yang memungkinkan pengguna menambahkan rekaman baru di sumber data backend. Saat nilai baru dimasukkan, pengguna harus diperbolehkan memasukkan teks secara bebas atau dibatasi pada nilai tertentu, tergantung pada kebutuhan data.
·FooterTemplate: Menentukan konten yang ditampilkan di bagian footer tabel kontrol FormView, jika ada.
·HeaderTemplate: Menentukan konten yang ditampilkan di bagian header tabel kontrol FormView, jika ada.
Templat ini memungkinkan Anda mengontrol tampilan dan perilaku data yang terikat pada kontrol FormView. Misalnya, formulir web ASP.NET di Listing B tersambung ke database Northwind standar dan memungkinkan pengguna melihat, mengedit, menghapus, dan menambahkan catatan karyawan baru melalui bidang nama depan, nama belakang, tanggal perekrutan, dan nomor telepon rumah.
Ia menggunakan kontrol TextField untuk menampilkan data yang sedang diedit atau ditambahkan, serta nilai yang ditampilkan hanya untuk ditinjau. ItemTemplate menggunakan CSS untuk memformat tabel, sedangkan InsertTemplate menggunakan gaya HTML untuk memformat.
Catatan: ASP.NET menggunakan kontrol Tombol untuk menambah, mengedit, menghapus dan menyimpan catatan.
Dalam kontrol Tombol, nilai CommandName Baru mengubah rekaman menjadi mode penyisipan dan memuat templat InsertItemTemplate, yang memungkinkan pengguna memasukkan nilai rekaman baru. Anda dapat menggunakan nilai Edit CommandName untuk menambahkan tombol baru ke ItemTemplate untuk menempatkan kontrol FormView ke mode edit.
Anda dapat menambahkan tombol dengan nilai CommnadName Hapus ke templat ItemTemplate untuk memungkinkan pengguna menghapus rekaman saat ini dari sumber data. CommnadName Pembaruan menyimpan data, sementara Batal menghentikan operasi.
Sungguh menakjubkan betapa mudahnya bagi
pengembang untuk mengontrol
banyak fitur baru ASP.NET 2.0.FormView memperluas fungsionalitas sederhana DetailsView, memungkinkan Anda mengontrol konten tampilan dengan mudah untuk diformat sesuai kebutuhan. Kontrol baru ini memberi Anda pilihan lain untuk memberikan solusi Anda.