0

我在让 jQuery 的自动完成小部件为我工作时遇到了很多麻烦。我正在使用来自服务器的键/值对列表。

我有以下要求:

  1. 如果用户设置了值的 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);}

  1. 另一件事是,如果一个人使用相同的页面进行创建和编辑 - 在编辑时重新加载页面,您必须为值重新创建所有跨度等,我想从服务器发送自动完成的代码,而不是文本值,我想当我将值设置到文本框时,自动完成将开始工作并从服务器获取值
    但是这样我仍然卡住:
    我不知道如何触发“自动完成”事件发送值(请求值)
    这是我的 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);

}

4

1 回答 1

0

对于您的第一个问题,这完全取决于您尝试过的逻辑,以防万一您有任何国家/地区的 id,那么这应该不难。

第二个查询是关于页面性能的,如果您尝试使用 ajax 根据搜索模式更新元素,这也不应该更难,在这种情况下,您必须只更新实际元素,同时保持页面的其余部分完好无损。

请参阅http://jquery.com/以更好地理解相同的内容

于 2013-04-17T13:17:24.917 回答