[英]Multiline option in jQuery autocomplete dropdown
我在我的asp.net應用程序中使用jQuery自動完成功能來選擇項目名稱。 現在,我想在項目下方顯示簡短說明。 這樣的事情: 項目名稱下面的項目名稱
我的CS文件C#代碼為:
public string[] itemAutocomplete(string prefix)
{
DataSet ds = new DataSet();
ds = autoCompleteItemNameF(prefix);
List<string> autolist = new List<string>();
if (ds.Tables[0].Rows.Count > 0 )
{
for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
{
autolist.Add(ds.Tables[0].Rows[i]["good_name"].ToString()+ "-" + ds.Tables[0].Rows[i]["description"].ToString());
}
}
return autolist.ToArray();
我的jQuery函數是:
function item_autocomplete() {
$("[id$=txt_item_name]").autocomplete({
source: function (request, response) {
$.ajax({
url: '<%=ResolveUrl("../Services/AutoComplete.asmx/itemAutocomplete") %>',
data: "{ 'prefix': '" + request.term + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('-')[0]
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (e, i) {
$("[id$=txt_item_name]").change();
},
minLength: 1
});
};
正如Bhuban所建議的那樣,我使用了此處提供的jquery的內置功能: https : //jqueryui.com/autocomplete/#custom-data
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.