従業員名を入力するためのテキストボックスがあります。ユーザーが従業員名を入力すると、ドロップダウンリストのように、入力した文字で始まるデータベースからすべての従業員をリストしたかった
サードパーティの制御は必要ありません.これを行うためのより簡単でわかりやすい方法はありますか??
このライブラリを使用できます。これは非常に簡単で、優れたコードを使用できます
http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/AutoComplete/AutoComplete.aspx
jquery オートコンプリート API を使用できます。
$(document).ready(function () {
$("#<%=ApplicationSearchResult.ClientID %>").autocomplete({ //applicationSearchResult is your textbox
source: function (request, response) {
$.ajax({
type: "POST",
url: "Dashboard.aspx/GetTreeNodesByText", // the function you have to call to bring you the data
data: "{'text': '" + request.term + "'}", // the letter the user entered in the textbox
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
response(data.d);
}
});
},
minLength: 1
});
});
まず、消費するJquery UI Auocompleteを使用しますASP.NET Web Service
(としましょうName.asmx
)。
Jquery UI CSS
ファイルへの参照を追加
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
への参照を追加しますJquery library
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
への参照を追加Jquery UI
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
クラスのテキストボックスがあるとしましょうauto
<asp:TextBox ID="tbAuto" class="auto" runat="server">
</asp:TextBox>
次に、に入力されたすべての文字を に渡すスクリプトを作成textbox
しますWeb Service
(Name.asmx)
。
<script type="text/javascript">
$(function() {
$(".auto").autocomplete({
source: function(request, response) {
$.ajax({
url: "Name.asmx/FetchNames",
data: "{ 'name': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function(data) { return data; },
success: function(data) {
response($.map(data.d, function(item) {
return {
value: item.Name
}
}))
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
},
minLength: 2
});
});
</script>
最後にこちらがWeb Service
インですC#
[WebMethod]
public List<string> FetchNames(string name)
{
//Write your query to get names that begin with the letter passed as parameter and return results
//Remember return the results by converting it to List.
}
それが役立つことを願っています。
問題がある場合は返信してください。
編集:
これがクエリです。
SqlDataReader rdr = null;
SqlConnection con = null;
SqlCommand cmd = null;
List<string> empName=new List<string>();
try
{
// Open connection to the database
string ConnectionString = "server=yourservername;uid=sa;"+
"pwd=yourpswd; database=yourdatabase";
con = new SqlConnection(ConnectionString);
con.Open();
// Set up a command with the given query and associate
// this with the current connection.
string CommandText = "SELECT FirstName" +
" FROM Employees" +
" WHERE (FirstName LIKE +name%)";
cmd = new SqlCommand(CommandText);
cmd.Connection = con;
// Execute the query
rdr = cmd.ExecuteReader();
while(rdr.Read())
{
empName.Add(rdr["FirstName"].ToString());
}
return empName;
}
catch(Exception ex)
{
// Print error message
}
注:私はこれをテストしていませんが、必要に応じていくつかの変更を加えることでうまくいくと思います! また、このコードを試して改善してください