【问题标题】:Telerik Textbox [RadInput] Not Supporting AutoComplete Implementation Using JqueryTelerik 文本框 [RadInput] 不支持使用 Jquery 的自动完成实现
【发布时间】:2011-09-24 01:16:04
【问题描述】:

我想使用 Jquery 和 Web 服务在 Telerik TextBox [RadInput] 上实现自动完成功能。当我输入任何字符时,我会收到来自数据库的相关建议。如果我使用简单的 ASP 文本框,这一切都可以正常工作。它不适用于 RadTextBox。

知道为什么会这样吗?

请不要向我提供此链接 RadComboBox http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/autocompleteclientside/defaultcs.aspx 我只想使用 RadTextBox。

提前致谢..

Pratik Bhatt

【问题讨论】:

    标签: asp.net autocomplete telerik jquery-autocomplete telerik-radinput


    【解决方案1】:

    我以前成功使用过这个 -

    http://www.dotnetcurry.com/ShowArticle.aspx?ID=515

    我只是稍微修改了一下脚本,如下——

    $(function() {
        $(".tb").autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "EmployeeList.asmx/FetchEmailList",
                    data: "{ 'mail': '" + 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 {
                                    Cost: item.Cost //***
                                }
                            }))
                        },
                    select: function( event, ui ) {
            $find("<%= RadTextBox1.ClientID %>").set_value(ui.item.Cost); //***
                },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },
            minLength: 2
        });
    });
    

    我已经用 //* * * 标记了感兴趣的行

    【讨论】:

    • 先生您好!正如您通过显示代码帮助我一样,我尝试实施但没有成功。能否请您多指点一下,因为我不是很有经验的开发人员。
    • 好的,你能不能提供你到目前为止已经厌倦的代码,我看看我能不能看出哪里出了问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-04
    • 2017-04-27
    • 1970-01-01
    • 2018-12-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多