PRAKTIKUM ASP.NET 11

Transkripsi

1 DATA BINDING ASP.NET menyediakan mekanisme untuk mengambil data dari sumber data berupa database, XML, object, dll ke dalam server control yang telah disediakan. Mekanisme ini sering disebut dengan DATA BINDING. Sedangkan macam-macam kontrol yang dapat digunakan untuk menampilkan data yang diambil dari sumber data diantaranya adalah: DataList DetailsView GridView Repeater FormView ListView Untuk Praktikum ASP.NET ini Anda dapat mengunduh contoh source code, dapat langsung Anda buka lewat VS dan dapat Anda tes running masing-masing contoh file pada browser (Ctrl+F5) dengan penjelasan dibawah ini. Pastikan dulu file yang Anda buka pada Solution Explorer Bab7 dan buat Data Connections pada Server Explorer dengan rename BeritaDbConnectionString dengan database BeritaDb Ekstrak Source Code pada Folder PraktikumASP dan buka Bab7.sln 3 4 Beri nama dengan RENAME. MENGGUNAKAN LIST COLLECTION Object Collection yang biasa digunakan pada aplikasi.net adalah List. List mirip dengan Array tapi bedanya jika Anda menggunakan Array maka ukurannya sudah pasti, jika Anda ingin membuat array dengan ukuran dinamis maka Anda dapat menggunakan object List.

2 Buka DropDownList.aspx kemudian klik kanan view source code DropDownList.aspx.cs, amati sintaknya : Kemudian Start Without Debugging (Ctrl+F5) maka akan tampil di browser: 3. MENGGUNAKAN SQLDATASOURCE CONTROL DAN MENAMPILKAN DATA PADA GRIDVIEW SqlDataSource control digunakan jika Anda ingin mengambil data dari database SQL Server, Oracle Server, ODBC dan OLE DB. Dengan menggunakan SqlDataSource maka Anda diberi banyak kemudahan karena disediakan fitur koneksi ke database dan membuat perintah SQL untuk manipulasi data, sehingga tidak perlu banyak menulis kode program. SqlDataSource control dibangun diatas ADO.NET, sehingga memiliki komponen yang dimiliki oleh ADO.NET juga seperti SqlDataReader, SqlCommand dan DataSet object. SqlDataSource biasanya dipasangkan dengan control lain yang digunakan untuk menampilkan data seperti GridView atau FormView. Penggunaan SqlDataSource Control Buka Koneksi.aspx, amati source code html-nya kemudian klik Design View, Amati komponen-nya: DATA BINDING

3 Jika Anda Amati Source Code dan Design diatas tampak ada komponen yaitu SqlDataSource dan GridView dengan beberapa property yang telah disetting sehingga GridView menampilkan data berdasarkan SqlDataSource yang terhubung dengan tabel Kategori. Jika diamati komponen tersebut didapat dari Toolbox seperti nampak dibawah ini: Setelah Anda mengamati, kemudian Start Without Debugging (Ctrl+F5) maka akan tampil: Selain tampilan diatas dapat juga Anda ubah header kolom menjadi Anda inginkan, dengan: 3 DATA BINDING

4 3. MENGEKSEKUSI PERINTAH SQL SqlDataSource control dapat merepresentasikan beberapa macam perintah SQL, yaitu: SelectCommand InsertCommand UpdateCommand DeleteCommand Pada contoh sebelumnya Anda sudah menggunakan SelectCommand pada SqlDataSource untuk menampilkan data. Selain perintah select untuk query data, Anda juga dapat menggunakan perintah insert, update, dan delete untuk manipulasi data. Perintah SQL yang Anda masukkan pada SqlDataSource secara langsung disebut Inline SQL Statement. Penggunaan Inline SQL Statement Buka InlineSql.aspx, amati source code html-nya kemudian klik Design View, Amati komponen-nya dan pembentukan data source-nya: DATA BINDING

5 Setelah Anda mengamati, kemudian Start Without Debugging (Ctrl+F5) maka akan tampil: Tampilan default Field setelah diubah Menambah data Mengubah data Anda dapat mengubah nama field dari yang default menjadi yang lebih baik (baku) dan Cobalah untuk menambah, mengubah dan menghapus data atau bahkan membatalkan perintah. Atau Anda dapat membaca artikel di untuk lebih meningkatkan pemahaman tentang penampilan data pada GridView. 4. MENGGUNAKAN STORED PROCEDURE PADA SQLDATASOURCE Selain menggunakan Inline SQL Statement, Anda juga dapat menggunakan SP (Stored Procedure) untuk menjalankan perintah SQL pada SqlDataSource. Property pada SqlDataSource yang harus diset ketika Anda menggunakan SP adalah: SelectCommandType InsertCommandType UpdateCommandType DeleteCommandType Pertama Add New Stored Procedure pada database BeritaDb dengan VS: 5 DATA BINDING

6 Setelah membuat SP, simpan dengan nama TampilBerita dan klik kanan pilih Execute. Kemudian buka web form BeritaSP.aspx, amati Source Code dan Design, amati settingan pada GridView: DATA BINDING

7 Setelah Anda mengamati, kemudian Start Without Debugging (Ctrl+F5) maka akan tampil: Anda dapat mengganti Header kolom/field selain default, dan mempercantik tampilan tabel. 5. MEMFILTER DATA PADA SQLDATASOURCE Buka web form FilterData.aspx, kemudian amati Source Code dan Design, kemudian Run (Ctrl+F5) 7 DATA BINDING

8 6. MENANGANI SQL COMMAND ERROR Anda dapat menangani error yang terjadi ketika menggunakan SqlDataSource, misal user memasukkan inputan yang tidak diharapkan (tidak sesuai dengan tipe data pada kolom tabel). Anda dapat menangkap error tersebut pada event berikut ini: Deleted: dijalankan setelah SqlDataSource control menjalankan perintah delete. Inserted: dijalankan setelah SqlDataSource control menjalankan perintah insert. Selected: dijalankan setelah SqlDataSource control menjalankan perintah select. Updated: dijalankan setelah SqlDataSource control menjalankan perintah update. Buka web form SqlError.aspx, amati Source Code dan Design, seperti contoh dibawah ini: Kemudian pada SqlDataSource, double click pada Selected, kemudian menuju pada SqlError.aspx.cs dan ketikkan kode program seperti contoh berikut, dan Run (Ctrl+F5): Berubah lebih mudah dipahami 8 DATA BINDING

9 7. MEMBATALKAN PERINTAH EKSEKUSI Anda dapat membatalkan perintah pada SqlDataSource jika kriteria yang Anda inginkan tidak terpenuhi. Misal data belum diisi secara lengkap, atau tipe data yang dimasukkan berbeda dengan tipe data yang seharusnya yang ada pada database. Event yang Anda dapat gunakan untuk menghandle error semacam ini adalah: Deleting : akan dijalankan sebelum perintah delete dijalankan Updating : akan dijalankan sebelum perintah update dijalankan Inserting : akan dijalankan sebelum perintah insert dijalankan Selecting : akan dijalankan sebelum perintah select dijalankan Filtering : akan dijalankan sebelum SqlDataSource memfilter data. Buka web form BatalUpdate.aspx, kemudian amati bagian Source Code dan Design, Klik x Untuk contoh web form yang lain, kita lanjutkan pada Praktikum ASP.NET. 9 DATA BINDING

10 TUGAS. Praktikkan langkah-langkah mem-binding data diatas. Anda dapat membuat kasus database lain untuk mempraktikkan seperti contoh diatas Selamat mengerjakan, semoga berhasil. Salam Hangat Selalu, Hadi Wijaya 0 DATA BINDING