Telerik Textbox [RadInput] 不支持使用 Jquery 实现自动完成

发布于 2024-11-17 17:17:10 字数 521 浏览 4 评论 0原文

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

知道为什么会发生这种情况吗?

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

提前致谢。

Pratik Bhatt

I want To Implement AutoComplete Functionality On Telerik TextBox [RadInput] Using Jquery And Web Service.When I enter Any Character, I receive relative Suggestion From Database. This All Works Fine If i Use Simple ASP Textbox. It doesn't Work With RadTextBox.

Any Idea Why This Happens ?

Please Don't Provide Me This Link Of RadComboBox http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/autocompleteclientside/defaultcs.aspx
I only Want To Use RadTextBox.

Thanks In Advance..

Pratik Bhatt

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

漫雪独思 2024-11-24 17:17:10

我之前已经成功使用过这个 -

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
    });
});

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

I've used this before with success -

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

I just modified the script slightly, as follows -

$(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
    });
});

I've marked the lines of interest with //* * *

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文