Laman

Rabu, 01 Juni 2011

Membuat button DELETE dan SELECT MYSQL di dataGridView di C# (C Sharp)

untuk membuat sebuah button di datagridview sangat mudah, kita tinggal merubah type cell pada customize dataGridView. tentunya button ataupun combobox yang berada di datagirdview tidak akan bisa bekerja jika tidak diberi perintah script untuk menangkap event event yang diinginkan, akan tetapi untuk memberi perintah atau sript di button pada dataGridView tidaklah mudah, karena ada beberapa hal yang harus dilakukan, seperti penempatan event dan cara pembangkitan event. Pada contoh kasus ini Memebuat Button Delete dan Select MYSQL di DataGridView event klik diletakan pada dataGridView, perhatikan potongan source code berikut ini, berikut adalah  code code yang berhubungan dengan script di button dataGridView


code diatas diletakan pada event single klik pada dataGridView. Sedangkan untuk membangkitakan event single klik pada dataGrigView langsung double klik saja pada dataGridView yang bersangkutan, hasil nya seperti dibawah ini



Sehingga source lengkap pada event single klik pada dataGridView seperti berikut ini



sesuai topik pada tutorial ini, yaitu membuat sebuah project yang terkoneksi dengan database MYSQL dan meload semua data ke dataGridView dan menambahkan tombol "Hapus" pada dataGridView. Untuk mengimplementasikannya source code diatas dalam project, silahkan ikuti langkah demi langkah dibawah ini.
Langkah1 : siapkan project kosong. Klik file new project pada IDE visual studio anda, setelah itu akan muncul kotak project name, silahkan isi nama project tersebut sesuai dengan keinginan, tidak ada aturan khusus dalam penamaan project.
Langkah2 :  setelah project telah tersedia, tambahkan beberapa komponen toolBox ke form, seperti button dan dataGridView dan juga pictureBox, atur dan tata sedemikian rupa sehingga tampilannya seperti pada gambar dibawah.
Langkah3 : tambahkan library add reference file dll mysql untuk koneksi dengan DBMS mysql. untuk tutorial add reference koenksi dengan MYSQL silahkan klik disini
Langkah 4 : double klik pada button satu (button yang berlabelkan load data) untuk membangkitkan event single klik pada button tersebut. tambahkan source berikut pada event single klik pada button1
loadData();

sedangkan isi dari function loadData() adalah sebagai berikut



dan jangan lupa, tambahkan header pengenal file dll dari mysql, potongan source code seperti pada gambar dibawah ini


Gambar 1. Preview Potongan Source Code
Langkah 5 : pada sript diatas terlihat bahwa potongan code tersebut memanggil function yang bernama hapusData(), isi dari function hapusData adalah sebagai berikut ini



dan jangan lupa untuk membuat koneksi string dengan DBMS MYSQL, perhatikan potongan source dibawah ini


Langkah 6 : double klik pada dataGridView untuk membangkitkan event single klik pada dataGridView tersebut, masukan source code dibawah ini


Langkah 7 : Siapkan database yang akan digunakan,  dalam contoh kasus ini kami menggunakan database dengan 1 table dan 3 field dengan DBMS MYSQL, untuk databasenya silahkan didownload disini.
Langkah 8 : Done, program selesai dibuat, jika langkah langkah diatas diikuti dengan benar, maka program saat dirunning akan menampilkan sebuah form yang meminta user untuk melakukan klik pada button "LoadData", setelah user melakukan klik data data yang ada di database di load semuanya ke dataGridView, dan pada dataGridView user bisa melakukan operasi DELETE pada isi database tersebut. berikut ini adalah hasil preview program.
Saat pertama kali dijalankan program akan menampilkan seperti pada gambar diatas, setelah user melakukan klik pada button LoadData, tampilan interfacenya seperti pada gambar dibawah ini

Gambar 2. Preview running program 
jika user melakukan klik button DELETE pada DataGridView, maka data yang ada didatabase akan dihapus, berikut ini adalah preview dari program yang telah di klik button DELETE

Gambar 3. Preview Hasil Running Program 
terlihat pada preview diatas, data dengan ID 2 sudah tidak ada, ini karena user telah melakukan DELETE pada data tersebut.
Untuk lebih memudahkan dalam memahami tutorial ini, silahkan download contoh programnya disini dan download full projectnya disini, jangan lupa download file databasenya disini

download program disini
download project disini
download database disini
for more information contact on informasi@csharp-indonesia.com

pandauan download : klik link download yang disediaan diatas, setelah itu akan muncul halaman adf.ly, tunggu beberapa detik sampai pada pojok kanan atas muncul tulisan skip ad. klik tombol tersebut ,setelah itu akan muncul halaman ziddu, silahkan klik pada button download yang muncul pada halaman ziddu
NB : Dalam tutorial ini program ditulisa menggunakan IDE Visual studio 2010. dengan target framework 2.0 . Sehingga minimal komputer harus terinstal windows xp untuk bisa menjalankan program *.exe nya, Sedangkan untuk membuka projectnya mau tidak mau harus menginstal microsoft visual studio 2010

Artikel Terkait

14 komentar:

  1. OK. terimakasih.

    BalasHapus
  2. Oke, sama sama.. semoga bisa membantu dan bermanfaat

    BalasHapus
  3. Kok gak bisa di download ya?? ane minta full projectnya gan.. tolong kirim ke email ane yudi.ymrt@yahoo.com

    BalasHapus
  4. mau tanya, di fungsi hapus data itu kan ada script seperti ini

    " string sql = "delete from tbdata where id=" + id; "



    itu "+id" maksudnya apa ya ?
    terimakasih :)

    BalasHapus
  5. Terima kasih sangat membantu sekali

    Mau konfirmasi, kalau datanya null hasil querynya suka ada error OutofIndex apakah ada solusi untuk mengatasinya?

    BalasHapus