Событие автозаполнения jQuery - PullRequest
Новая
       7

Событие автозаполнения jQuery

0 голосов
/ 30 июня 2011

Я пытаюсь разработать свое первое приложение MVC3, но есть проблемы, включая событие выбора автозаполнения jQuery.При выборе предмета ничего не происходит.Нет ошибок, нет сообщений.Я использовал функцию поиска, чтобы решить проблему, но у меня не было рабочего решения.

Вот мой код Razor View, включая 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

Может кто-нибудь мне помочь, пожалуйста?

1 Ответ

0 голосов
/ 30 июня 2011

Посмотрите на виджет автозаполнения в jQuery.UI:

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

Есть также интересная статья о том, как использовать его с ASP.NET (не MVC, но закрытьдостаточно):

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

...