Yo necesite algo similar y lo hice usando el framework de mdbootstrap, pero para tu caso podrás usar librerías jQuery como http://easyautocomplete.com/. https://jqueryui.com/autocomplete/. la idea es:
- Crear un metodo para realizar la consulta en la tabla de la base de
datos.
- llamar este método en el PageLoad y llenar la variable
publica funcList
con el resultado, para luego pasarselos al script.
.aspx
//ClientIDMode=Static para poder seleccionarlo con jQuery o puedes usar <%= txtSearchFunc.ClientID%>--%>
<asp:TextBox ID="txtSearchFunc" runat="server" CssClass="mdb-autocomplete" ClientIDMode="Static"></asp:TextBox>
.cs
public string funcList = null;
protected void Page_Load(object sender, EventArgs e)
{
GetFuncList_Onload();
}
private void GetFuncList_Onload() //carga el listado de los usuarios
{
string constr = ConfigurationManager.ConnectionStrings["Web2017_CS"].ConnectionString;
using (SqlConnection con = new SqlConnection(constr))
{
con.Open();
SqlCommand cmd = new SqlCommand("SELECT '\"' + REPLACE(REPLACE(fun_Email, CHAR(10),''), CHAR(13),'') + '\"' AS fun_Email FROM FUNC WHERE fun_Estado = 1", con);
DataTable dt = new DataTable();
dt.Load(cmd.ExecuteReader());
var data = dt.AsEnumerable().Select(row => new { ZupaStringAba = row["fun_Email"].ToString() + "," });
foreach (var row in data)
{
string SuggestionList1 = row.ZupaStringAba;
funcList += SuggestionList1;
}
con.Close();
}
}
javascript
<script>
var list = [<%= funcList%>];
$('#txtSearchFunc').mdb_autocomplete({
data: list
});
</script>