Question

我尝试开发我的第一个MVC3应用程序，但是存在包括jQuery自动完成选择事件的问题。选择项目时，没有任何反应。没有错误，没有消息。我已经使用搜索功能来解决问题，但对我来说没有可行的解决方案。

这是我的Razor View Code，包括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;
                    }
                }

        });
        });

使用以下库：

* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $

* jQuery JavaScript Library v1.5.1

有人可以帮助我吗？

Answer 1

看一下jQuery.UI中的Autocomplete小部件：

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

还有一篇关于如何在ASP.NET中使用它的有趣文章（不是MVC，但足够接近）：

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

jQuery自动完成事件

1 个答案: