Apa itu Kontrol Kotak Kombo?
Kontrol kotak kombo membantu Anda menampilkan daftar drop-down dengan banyak item. Lihat ini sebagai kombinasi dari kotak teks tempat pengguna memasukkan teks dan daftar tarik-turun tempat pengguna memilih item. Perhatikan bahwa kotak kombo menunjukkan satu item pada satu waktu.
Dalam tutorial Visual Basic ini, Anda akan belajar,
- Apa itu Kontrol Kotak Kombo?
- Membuat Kotak Kombo
- Menambahkan Item ke Kotak Kombo
- Memilih Item Combobox
- Mengambil Nilai Combobox
- Menghapus Item Combobox
- Mengikat Sumber Data
- Peristiwa SelectedIndexChanged
Membuat Kotak Kombo
Kotak Kombo dapat dibuat sebagai berikut:
Langkah 1) Buat Aplikasi baru.
Langkah 2) Seret kontrol kotak kombo dari kotak alat ke formulir.
Anda akan membuat kontrol kotak kombo.
Menambahkan Item ke Kotak Kombo
Sekarang kita telah membuat kotak kombo, mari kita tunjukkan cara menambahkan item ke dalamnya.
Klik dua kali kontrol kotak kombo yang telah Anda tambahkan. Anda akan dipindahkan dari tab desain ke tab dengan kode.
Untuk menambahkan item ke kontrol kotak kombo, kami menggunakan properti Item. Mari kita tunjukkan ini dengan menambahkan dua item ke kotak kombo, Pria dan Wanita:
ComboBox1.Items.Add("Male")ComboBox1.Items.Add("Female")
Kita juga dapat memilih untuk menambahkan item ke kotak kombo pada waktu desain dari jendela Properties. Berikut langkah-langkahnya:
Langkah 1) Buka tab desain dan klik kontrol kotak kombo.
Langkah 2) Pindah ke jendela Properties dan lihat opsi Item.
Langkah 3) Klik
… Terletak di sebelah kanan (Collection).
Langkah 4) Anda akan melihat jendela baru. Di sinilah Anda harus menambahkan item ke kotak kombo, seperti yang ditunjukkan di bawah ini:
Langkah 5) Setelah selesai mengetik item, klik tombol OK.
Langkah 6) Klik tombol Start dari toolbar atas dan klik ikon dropdown pada combobox.
Item berhasil ditambahkan ke kontrol kotak kombo.
Memilih Item Combobox
Anda mungkin perlu menyetel item default yang akan dipilih saat formulir dimuat. Anda bisa mencapai ini melalui metode SelectedItem (). Misalnya, untuk menyetel gender yang dipilih default ke Pria, Anda dapat menggunakan pernyataan berikut:
ComboBox1.SelectedItem = "Male"
Saat Anda menjalankan kode, kontrol kotak kombo harus seperti yang ditunjukkan di bawah ini:
Mengambil Nilai Combobox
Anda bisa mendapatkan item yang dipilih dari kotak kombo Anda. Ini dapat dilakukan dengan menggunakan properti teks. Mari kita tunjukkan ini menggunakan combobox di atas dengan dua item yaitu, Pria dan Wanita. Ikuti langkah-langkah yang diberikan di bawah ini:
Langkah 1) Klik dua kali kotak kombo untuk membuka tab dengan kode VB.NET.
Langkah 2) Tambahkan kode berikut:
Public Class Form1Private Sub ComboBox1_SelectedIndexChanged(sd As Object, evnt As EventArgs) Handles ComboBox1.SelectedIndexChangedDim var_gender As Stringvar_gender = ComboBox1.TextMessageBox.Show(var_gender)End SubEnd Class
Langkah 3) Klik tombol Start dari toolbar untuk menjalankan kode. Anda harus mendapatkan formulir berikut:
Langkah 4) Klik tombol dropdown dan pilih jenis kelamin Anda. Dalam kasus saya. Saya memilih Pria, dan saya mendapatkan yang berikut:
Berikut tangkapan layar kodenya:
Penjelasan Kode:
- Membuat kelas bernama Form1. Kelas akan dapat diakses publik karena pengubah aksesnya telah disetel ke Publik.
- Memulai sub-prosedur bernama ComboBox1_SelectedIndexChanged. Ini dibuat secara otomatis ketika Anda mengklik dua kali kontrol kotak kombo dari tab desain. Sub-prosedur ini akan dijalankan saat Anda memilih item dari kotak kombo. SD Sebagai Objek referensi objek yang mengangkat acara sementara acara Sebagai EventArgs memiliki data acara s.
- Membuat integer string bernama var_gender.
- Mengatur nilai variabel var_gender ke item yang dipilih pada kotak kombo.
- Mencetak nilai variabel var_gender di MesageBox.
- Akhir dari sub-prosedur ComboBox1_SelectedIndexChanged.
- Akhir dari kelas Form1.
Menghapus Item Combobox
Anda dapat menghapus item dari kotak kombo Anda. Ada dua cara untuk melakukannya. Anda dapat menggunakan indeks item atau nama item.
Saat menggunakan indeks item, Anda harus menggunakan properti Items.RemoveAt () seperti yang ditunjukkan di bawah ini:
ComboBox1.Items.RemoveAt(1)
Dalam contoh di atas, kami menghapus item yang terletak di indeks 1 kotak kombo. Perhatikan bahwa indeks kotak kombo dimulai pada indeks 0, artinya perintah di atas akan menghapus item kedua dari kotak kombo.
Untuk menghapus item menggunakan namanya, Anda harus menggunakan properti Items.Remove () seperti yang ditunjukkan di bawah ini:
ComboBox1.Items.Remove("Female")
Kode di atas harus menghapus item bernama Female dari ComboBox1.
Mengikat Sumber Data
ComboBox dapat diisi dari Dataset. Pertimbangkan Query SQL yang diberikan di bawah ini:
select emp_id, emp_name from employees;
Anda dapat membuat sumber data dalam sebuah program kemudian menggunakan kode berikut untuk mengikatnya:
comboBox1.DataSource = ds.Tables(0)comboBox1.ValueMember = "emp_id"comboBox1.DisplayMember = "emp_name"
Ini akan memberi Anda cara mudah untuk mengisi kontrol kotak kombo Anda dengan data tanpa harus mengetik setiap item.
Peristiwa SelectedIndexChanged
Jenis acara ini dipanggil ketika Anda mengubah item yang dipilih di kotak kombo Anda. Ini adalah acara yang harus Anda gunakan ketika Anda perlu mengimplementasikan tindakan atas perubahan pada item yang dipilih dari kotak kombo. Mari kita tunjukkan ini dengan menggunakan contoh:
Langkah 1) Buat Aplikasi Formulir Jendela baru.
Langkah 2) Setelah itu Anda perlu Drag dan drop dua kontrol combobox ke dalam formulir.
Langkah 3) Klik dua kali di dalam formulir untuk membuka tab kode. Masukkan kode berikut:
Public Class Form1Private Sub Form1_Load(sd As Object, evnt As EventArgs) Handles MyBase.LoadComboBox1.Items.Add("Males")ComboBox1.Items.Add("Females")End SubPrivate Sub ComboBox1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ComboBox1.SelectedIndexChangedComboBox2.Items.Clear()If ComboBox1.SelectedItem = "Males" ThenComboBox2.Items.Add("Nicholas")ComboBox2.Items.Add("John")ElseIf ComboBox1.SelectedItem = "Females" ThenComboBox2.Items.Add("Alice")ComboBox2.Items.Add("Grace")End IfEnd SubEnd Class
Langkah 4) Klik tombol Start dari bilah atas untuk menjalankan kode. Anda harus mendapatkan keluaran berikut:
Langkah 5) Klik tombol dropdown pada combobox pertama dan pilih Male. Pindahkan kursor mouse ke kotak kombo kedua dan klik tombol tarik-turunnya. Lihat item yang tersedia:
Langkah 6) Pindah ke kotak kombo pertama dan pilih Wanita. Pindah ke kotak kombo kedua dan lihat item yang tersedia:
Berikut tangkapan layar kodenya:
Penjelasan Kode:
- Membuat kelas bernama Form1.
- Mulai dari sub-prosedur bernama Form1_Load (). Ini akan dipicu setelah formulir dimuat. SD Sebagai Objek referensi objek yang memunculkan acara sementara sistem Sebagai EventArgs memiliki data acara.
- Menambahkan item Jantan ke ComboBox1.
- Menambahkan item Wanita ke ComboBox1.
- Akhir dari sub-prosedur Form1_Load ().
- Mulai dari sub-prosedur bernama ComboBox1_SelectedIndexChanged (). Ini akan dipanggil saat item dipilih pada kotak kombo pertama. Pengirim Sebagai Objek mereferensikan objek yang memunculkan acara sementara e Sebagai EventArgs memiliki data acara.
- Kosongkan ComboBox2, hapus semua item darinya.
- Menciptakan kondisi. Memeriksa apakah item yang dipilih pada ComboBox1 adalah Pria.
- Tambahkan item Nicholas ke ComboBox2 jika kondisi di atas benar, yaitu item yang dipilih pada ComboBox1 adalah Male.
- Tambahkan item John ke ComboBox2 jika kondisi di atas benar, yaitu item yang dipilih pada ComboBox1 adalah Pria.
- Menciptakan kondisi. Memeriksa apakah item yang dipilih pada ComboBox1 adalah Wanita.
- Tambahkan item Alice ke ComboBox2 jika kondisi di atas benar, yaitu item yang dipilih pada ComboBox1 adalah Wanita.
- Tambahkan item Grace ke ComboBox2 jika kondisi di atas benar, yaitu item yang dipilih pada ComboBox1 adalah Females.
- Akhir dari blok If.
- Akhir dari sub-prosedur ComboBox1_SelectedIndexChanged ().
- Akhir kelas Form1.
Ringkasan
- Kotak Kombo dibuat dengan menyeretnya dari kotak alat dan menjatuhkannya ke dalam formulir.
- Ini memberi kami cara menyajikan banyak opsi kepada pengguna.
- Kita dapat mengatur item default untuk dipilih pada ComboBox saat form dimuat.
- Peristiwa SelectedIndexChanged membantu kita menentukan tindakan yang akan diambil ketika item tertentu dipilih pada kotak kombo.