PRAKTIKUM ASP.NET 11 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 11 ini Anda dapat mengunduh contoh source code, dapat langsung Anda buka lewat VS12 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 PraktikumASP21 dan buka Bab7.sln 1
2 3
4
Beri nama dengan RENAME
1. 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.
PRAKTIKUM ASP.NET 11
MOKLET
Buka DropDownList.aspx kemudian klik kanan view source code DropDownList.aspx.cs, amati sintaknya :
1
2
Kemudian Start Without Debugging (Ctrl+F5) maka akan tampil di browser:
3
2. 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:
2 1
2 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
Jika Anda Amati Source Code dan Design diatas tampak ada 2 komponen yaitu SqlDataSource dan GridView dengan beberapa property yang telah disetting sehingga GridView menampilkan data berdasarkan SqlDataSource yang terhubung dengan tabel Kategori. Jika diamati 2 komponen tersebut didapat dari Toolbox seperti nampak dibawah ini:
Setelah Anda mengamati, kemudian Start Without Debugging (Ctrl+F5) maka akan tampil:
2 1
Selain tampilan diatas dapat juga Anda ubah header kolom menjadi Anda inginkan, dengan:
2
1
3 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
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: 1
3
2
4
7
5 6
4 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
Setelah Anda mengamati, kemudian Start Without Debugging (Ctrl+F5) maka akan tampil:
Tampilan default
Menambah data
Field setelah diubah
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 http://www.csharptutorial.in/2014/01/AspNet-GridView-Howto-Update-Delete-Insert-in-GridView-in-csharpnet.html#.Ut85uLTZFdg 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 VS12:
5 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
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: 1
2
3
4
6 5
6 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
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
PRAKTIKUM ASP.NET 11
MOKLET
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
PRAKTIKUM ASP.NET 11
MOKLET
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 2x
Untuk contoh web form yang lain, kita lanjutkan pada Praktikum ASP.NET 12.
9 DATA BINDING
PRAKTIKUM ASP.NET 11
MOKLET
TUGAS 1. Praktikkan langkah-langkah mem-binding data diatas 2. Anda dapat membuat kasus database lain untuk mempraktikkan seperti contoh diatas
Selamat mengerjakan, semoga berhasil. Salam Hangat Selalu, Hadi Wijaya
10 DATA BINDING