首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery自动完成事件

jQuery自动完成事件
EN

Stack Overflow用户
提问于 2011-06-30 23:13:56
回答 1查看 740关注 0票数 0

我尝试开发我的第一个MVC3应用程序,但是出现了一些问题,包括jQuery自动完成选择事件。选择项目时,不会发生任何操作。没有错误,没有消息。我已经使用了搜索功能来解决这个问题,但是没有适合我的解决方案。

这是我的Razor视图代码,包括javascript。

代码语言:javascript
复制
<script language="javascript" type="text/javascript">

$(document).ready(function () {
    $("#search").autocomplete('@Url.Action("Search")', {
        width: 200,
        matchContains: true,
        dataType: 'json',
        select: function(event, ui) {
            console.log('event');
        },
        delay: 10,
        minChars: 3,
        matchSubset: 1,
        maxItemsToShow: 10,
        parse: function (data) 
               {
                   var rows = new Array();
                   for (var i = 0; i < data.length; i++) 
                   {
                       rows[i] = { data: data[i].Value, value: data[i].Guid, result: data[i].Value 
                   };
               }
               return rows;
        },
        formatItem: function (row, i, n) 
                    {
                        return row;
                    },
        highlight: function (value, pattern) 
                   {
                       value = value.replace(pattern, '<strong style="background-color:yellow;">' + pattern + '</strong>');
                       return value;
                   },
        select: function (value, data)
               { 
                   alert('You selected: ' + value + ', ' + data); 
               },
        extraParams: {
            active: function () 
                    {
                        var message = new Array();
                        for (i = 0; i < document.forms["filter"].filters.length; i++)
                            if (document.forms["filter"].filters[i].checked) 
                            {
                                message[i] = document.forms["filter"].filters[i].value;
                            }
                        return message;
                    }
                }

        });
        });

使用下列库:

代码语言:javascript
复制
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $

* jQuery JavaScript Library v1.5.1

有没有人能帮帮我?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-07-01 00:01:10

看看jQuery.UI中的自动完成小部件:

http://jqueryui.com/demos/autocomplete/

还有一篇有趣的文章介绍了如何在ASP.NET中使用它(不是MVC,但足够接近):

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6537014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档