Auto Complate di C#

Penahkan anda mengetikan sesuatu pencarian di google?
Jika pernah, penahkah anda mendapat rekomendasi kata atau kalimat pada kolom pencarian di google,sepeti gambar dibawah?




Jika anda pernah mengalaminya, itulah yang kita sebut dengan auto komplate.
Untuk mengilustrasikanya, silakan anda buat projek baru dan beri nama dengan “AutoComplate”  . Jangan lupa tambahkan referensi mysql.data karena kita akan menggunakan database mysql yang sebelumnya sudah pernah kita buat dengan xampp.
Berikut adalah gambar databasenya


Untuk design aplikasinya , kita design seperti gambar dibawah



Source kode Program :

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using MySql.Data.MySqlClient;
namespace AutoComplate
{
public partial class Form1 : Form
{
public MySqlConnection conn;
public MySqlCommand cmd;
public MySqlDataReader rdr;
public Form1()
{
InitializeComponent();
LoadDataToCollection();
}
private void LoadDataToCollection()
{
string database = “server=localhost;uid=root;pwd=”;database=sekolah;”;
string sql = “select nama from siswa”;
AutoCompleteStringCollection autocomp = new AutoCompleteStringCollection();
conn = new MySqlConnection(database);
conn.Open();
cmd = new MySqlCommand(sql, conn);
rdr = cmd.ExecuteReader();
if (rdr != null)
{
while (rdr.Read())
{
autocomp.Add(rdr[“nama”].ToString());
}
}
txtName1.AutoCompleteMode = AutoCompleteMode.SuggestAppend;
txtName1.AutoCompleteSource = AutoCompleteSource.CustomSource;
txtName1.AutoCompleteCustomSource = autocomp;
txtName2.AutoCompleteMode = AutoCompleteMode.SuggestAppend;
txtName2.AutoCompleteSource = AutoCompleteSource.CustomSource;
txtName2.AutoCompleteCustomSource = autocomp;
comboBox1.AutoCompleteMode = AutoCompleteMode.Suggest;
comboBox1.AutoCompleteSource = AutoCompleteSource.CustomSource;
comboBox1.AutoCompleteCustomSource = autocomp;
}
}
}
Sekarang coba anda jalankan projek anda, anda ketikan pencarian kata dengan nama muhamad pada kolom yg disediakan di aplikasi.


Tidak ada komentar:

Posting Komentar

Profile Page Screen - Flutter UI

Profile Page Berikut ini adalah contoh  source code untuk Design Profile Page menggunakan flutter,  sebelumnya jangan lupa untuk membua...