Pengertian dan fungsi dari BIOS

dataGridView in C#

DataGridView di C# adalah salah satu kontrol yang digunakan untuk menampilkan data-data dalam bentuk tabel. DataGridView di c# menyediakan fitur yang sangat lengkap untuk mengendalikan data tabel. Data grid view juga menyediakan properti, methods dan event untuk mengatur tampilan dan perilaku dari data grid view.

Data grid view mempermudah kita untuk membuat tampilan sederhana dari sel/cell dan menentukan formatting nilai dari sel. Sel merupakan unit dasar dari data grid view. Setiap sel di DataGridView merupakan turunan dari DataGridViewCell, setiap sel pada DataGridView memiliki pengaturan style tersendiri. Setiap nilai yang terkandung didalam sel itu sendiri memiliki tipe data object.

Pada tutorial kali ini kita akan membuat DataGridView di C# windows form. Hasil program kali ini meerupakan contoh sederhana dari DataGridView yaitu program untuk menyimpan daftar nomor telepon. DataGridView yang akan kita memiliki mode pemilihan full row, yang berarti ketika kita memilih suatu sel dari DataGridView kita akan otomatis memilih seluruh data di row sel tersebut.

Program yang akan kita buat di tutorial ini

silahkan membuat project pada visual studio dengan jenis project C# windows form

MENGATUR LAYOUT FORM

Buat layout program kita sesuai gambar dibawah ini.

Form ini terdiri dari item-item ini: GroupBox,Label,TextBox,Button,DataGridView

pengaturan Properti dari layout diatas

TextBox 1:

Name: txtName

TextBox 2:

Name: txtPhoneNumber

Button:

name : btnSave

text : Save

Button:

name : btnDelete

text : Delete

DataGridView

name : dgvContacts

*Untuk item statis seperti groupbox dan label saya abaikan karena tidak terlalu berpengaruh terhadap kode yang akan kita buat.

MENGATUR DAN MENAMBAH KOLOM DATAGRIDVIEW

Langkah berikutnya adalah mengatur DataGridView seperti gambar berikut ini:

Penjelasan: pilih item datagridview yang telah kita tambahkan dan klik tanda pandah kecil, maka akan muncul pop up seperti diatas. hilangkan semua tanda ceklist.

Masih di pop up seperti yang ditampilkan diatas lalu klik add column, maka akan muncul dialog seperti berikut ini

Tampilan dialog add column DataGridView

tambahkan kolom sebagai berikut

name	header text
colName	Name
colPhoneNumber	Phone Number

Jika sudah selesai maka akan menghasilkan tampilan seperti berikut ini:

SOURCE CODE

Kita akan menambahkan event ke 2 tombol yang telah kita buat, yaitu btnSave dan btnDelete. Cara untuk menambahkan event ke suatu item di windows form yaitu tinggal klik button yang ingin diberi event di form designer.

Cara menambahkan event klik pada button adalah klik dua kali pada button di tampilan desaigner

SOURCE CODE DARI EVENT KLIK BTNSAVE

1. private void btnSave_Click(object sender, EventArgs e)
2. {
3. try
4. {
5. if (txtName.Text == string.Empty || txtPhoneNumber.Text == string.Empty)
6. {
7. throw new Exception("Incomplate Input");
8. }
9. dgvContacts.Rows.Add(txtName.Text, txtPhoneNumber.Text);
10. txtName.Text = txtPhoneNumber.Text = string.Empty;
11. }
12. catch(Exception ex)
13. {
14. MessageBox.Show(ex.Message);
15. }
16. }

Penambahan item ke tabel di DataGridView pada C# windows form adalah dengan cara <NamaDataGridView>.Rows.Add(<item kolom-1>,<item kolom-2>,.... <item kolom-n>);

SOURCE CODE DARI EVENT KLIK BTNDELETE

1. private void btnDelete_Click(object sender, EventArgs e)
2. {
3. if (dgvContacts.SelectedRows.Count != 0)
4. {
5. foreach (DataGridViewRow selected in dgvContacts.SelectedRows)
6. {
7. dgvContacts.Rows.Remove(selected);
8. }
9. }
10. else
11. {
12. MessageBox.Show("No Row Selected");
13. }
14. }

Sekina  Tutorial membuat dataGridView sederhana

semoga bermantafaat :)