我在让 jQuery 的自动完成小部件为我工作时遇到了很多麻烦。我正在使用来自服务器的键/值对列表。
我有以下要求:
- 如果用户设置了值的 id,就像他知道城市的代码并且输入城市的名称一样,他输入了城市的代码——我希望自动完成将输入城市的名称,并且它没有!
我编辑了我的代码,现在它可以工作了!
我添加了这行if (data.d.length == 1 && request.term.match(/\d+/g)) SetValue(textbox, hidden, data.d[0]); else
和功能function SetValue(textbox, hidden, value){
textbox.focus().val(value.Text);
hidden.val(value.Semel);}
另一件事是,如果一个人使用相同的页面进行创建和编辑 - 在编辑时重新加载页面,您必须为值重新创建所有跨度等,我想从服务器发送自动完成的代码,而不是文本值,我想当我将值设置到文本框时,自动完成将开始工作并从服务器获取值
但是这样我仍然卡住:
我不知道如何触发“自动完成”事件发送值(请求值)
这是我的 C# 代码:[WebMethod(EnableSession = true)] [ScriptMethod] public List<IEntityBase> FetchList(string Text, string Code, string Dspl, int NumRecordes, string TableName) { Text = Server.UrlDecode(Text); List<Tavla> tvListById = null; int ignored = 0; if (int.TryParse(Text, out ignored)) tvListById = TvList.GetTvListById(TableName, ignored, Code, Dspl);if (tvListById != null && tvListById.Count != 0) return tvListById.Cast<IEntityBase>().ToList(); var fetchShem = TvList.GetData(TableName, Code, Dspl) .Where(m => m.Shem.ToLower().Contains(Text.ToLower())) .Take(NumRecordes); return fetchShem.Cast<IEntityBase>().ToList();
}
这是我的 Jquery 代码:
enter code here
textbox.autocomplete({
source: function (request, response) {
$.ajax({
url: "AutoComplete.asmx/" + funcName,
data: "{ 'Text': '" + escape(request.term) + "','Code':'" + code + "','Dspl':'" + dspl + "','NumRecordes':'" + numrecordes + "','TableName':'" + tablename + "'}",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
if (data.d.length == 1 && request.term.match(/\d+/g))
SetValue(textbox, hidden, data.d[0]);
else
response($.map(data.d, function (item) {
return {
label: item.Text,
value: item.Semel
}
}));
}
},
error: function (msg) { alert(msg); }
});
},
minLength: minLength,
select: function (event, ui) {
var selectedObj = ui.item;
if (selectedObj) {
textbox.val(selectedObj.label);
hidden.val(selectedObj.value);
} return false; },
});function SetValue(textbox, hidden, value) {
textbox.focus().val(value.Text);
hidden.val(value.Semel);
}