Dreamwaver MX dan ASP.NET(6)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-31 21:06:05
6. Buat halaman modifikasi catatan
Pengenalan terkait (Catatan: Untuk menampilkan kode, semua kode berikut memiliki spasi setelah "<" dan sebelum ">". Kami mohon maaf atas ketidaknyamanan ini!):
Menambah, mengubah, dan menghapus data adalah tiga operasi dasar pada database. Bagian ini memperkenalkan bagian catatan modifikasi.
LANGKAH 1 Proses modifikasi desain
Secara umum, hanya catatan tertentu yang perlu diperbarui, sehingga halaman pencarian perlu dibuat untuk kueri, hasil kueri akan ditampilkan di halaman hasil, dan pengguna dapat memodifikasinya. Terakhir, tugas pembaruan diselesaikan melalui operasi pengiriman.
Pertama, buat halaman kueri. Dalam proses pembuatan dataset, kita dapat memilih data yang dibutuhkan melalui filter data Filter. Karena kita akan mengklik link di DataList untuk mencapai halaman ini, pilih Parameter URL dan gunakan kata kunci CODE untuk memfilter halaman yang diperlukan.
[Gambar 6-1 Memfilter data]
Untuk melakukan ini, buat file modifikasi.aspx baru di situs dan tambahkan DataSet seperti yang ditunjukkan di atas.
Step2 Buat halaman detail
Untuk menghasilkan link, halaman navigasi harus dibuat terlebih dahulu. Halaman DataGrid yang dibuat di Bagian 3 dapat dimodifikasi untuk mencapai efek navigasi seperti itu. Gaya DataGrid diubah, dan item data juga dapat diatur untuk menampilkan teks tertaut. Fungsi yang sama juga dapat dicapai di DataList dan Repeater, keduanya mengatur hyperlink ke halaman detail.
Buka file location2.aspx asli dan ubah gaya DataList asli. Pilih DataListm dan klik Edit Kolom (Gambar 6-2). Dalam kotak dialog desain gaya DataGrid pop-up (Gambar 6-3), Anda dapat mengatur jenis Nama_Lokasi menjadi Hyperlink. Pilih Location_name dan klik tombol Change Column Type untuk mengubahnya menjadi Hyperlink.
[Gambar 6-2 Edit Kolom..]
[Gambar 6-3 Menyiapkan hyperlink]
Pengaturan Hyperlink seperti yang ditunjukkan di bawah ini:
[Gambar 6-4 Menetapkan kata kunci tautan]
Bidang data yang ditampilkan Nama_Lokasi, kata kunci koneksi adalah kode, dan halaman yang perlu dilompati adalah halaman modifikasi.aspx. Setelah mengklik link tersebut, link URL spesifiknya akan muncul
http://yoursite/modify.aspx?CODE=Nilai kode dari rekaman yang diklik
Halaman modifikasi.aspx juga akan menanyakan catatan yang diperlukan dari database melalui nilai kode yang diteruskan.
Untuk memperbarui data di halaman modifikasi.aspx, Anda perlu menggunakan formulir. Ini memerlukan pengikatan rekaman data ke kotak input. Mengikat data di Dreamweaver MX mirip dengan yang ada di Dreamweaver UltraDev. Atur halaman seperti yang ditunjukkan pada Gambar 6-5. Buat 6 Bidang Teks baru, 1 Bidang tersembunyi, dan 1 tombol kirim, dan letakkan di lokasi yang sesuai. HiddenField digunakan untuk menyimpan nilai CODE dari catatan ini. Karena nilai kodenya berupa kata kunci maka tidak perlu diubah.
[Gambar 6-5 halaman modifikasi.aspx]
Klik label Binding dan seret item data tertentu ke kolom teks yang sesuai. Pada saat yang sama, tipe tampilan data dapat diatur dalam Format. Anda juga dapat mengikat semua properti kolom teks ke sumber data. Pilih dropdown pertama dari rekaman
[Gambar 6-6 Pengikatan] [Gambar 6-7 Pemilihan tipe data] [Gambar 6-8 Atribut pengikatan]
Daftar, atur properti Bidang teks yang terikat ke sumber data.
LANGKAH 3 pembaruan data
Sedangkan untuk pembaruan data, Anda dapat mengklik tombol "+" di Server Behaviors di panel Aplikasi dan pilih Update Record.
[Gambar 6-9 Pilih Perbarui Catatan]
[Gambar 6-10 Asosiasi pengaturan]
Di kotak dialog pop-up, Anda perlu mengaitkan kotak input dengan sumber data terbaru yang sesuai, dan mengatur tipe data. Diantaranya, CODE harus menjadi kata kunci, Kunci Utama. Mirip dengan halaman Sisipkan Catatan, Anda juga perlu mengatur halaman mana yang akan dilompati jika halaman berhasil ditambahkan dan jika halaman gagal ditambahkan.
Sekarang Anda dapat melihat pratinjau halaman yang sudah selesai. Masukkan URL http://situsanda/lokasi3.aspx, dan Anda akan melihat halaman seperti yang ditunjukkan pada Gambar 6-11.
[Gambar 6-11 penjelajahan halaman location3.aspx]
Item Location_name dapat diklik dan akan melompat ke halaman detail modifikasi.aspx.
[Gambar 6-12 Pratinjau halaman pembaruan]
Data yang ada dapat diubah melalui halaman modifikasi.aspx, dan data dapat diperbarui melalui peristiwa pengiriman formulir.
Kode utama yang diperbarui adalah sebagai berikut:
<MM: Pembaruan
runat="server"
CommandText='< %# "PERBARUI LOKASI SET KOTA=?, STATE_COUNTRY=?, FAX=?, TELEPON=?, ALAMAT=? KODE MANA= % >'
ConnectionString='< %# Sistem.Konfigurasi.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'
DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'
Ekspresi='< %# Permintaan.Form("MM_update") = "form1" % >'
BuatDataSet="salah"
SuccessURL='< %# "location3.aspx" % >'
Debug = "benar"
>
<Parameter>
< Nama Parameter="@CITY" Nilai='< %# IIf((Request.Form("city") < > Tidak Ada), Request.Form("city"), "") % >' Type="WChar" />
< Nama Parameter="@STATE_COUNTRY" Nilai='< %# IIf((Request.Form("state") < > Tidak Ada), Request.Form("state"), "") % >' Type="WChar" />
< Nama Parameter="@FAX" Nilai='< %# IIf((Request.Form("fax") < > Tidak Ada), Request.Form("fax"), "") % >' Type="WChar" />
< Nama Parameter="@TELEPON" Nilai='< %# IIf((Request.Form("tele") < > Tidak Ada), Request.Form("tele"), "") % >' Type="WChar" />
< Nama Parameter="@ADDRESS" Nilai='< %# IIf((Request.Form("address") < > Tidak Ada), Request.Form("address"), "") % >' Type="WChar" />
< Nama Parameter="@CODE" Nilai='< %# IIf((Request.Form("hiddenField") < > Tidak Ada), Request.Form("hiddenField"), "") % >' Type="WChar" />
< /Parameter >
< /MM:Pembaruan >
Dreamweaver MX menggunakan mm:update untuk mewakili kode yang diperbarui. Formatnya mirip dengan MM:Sisipkan.