Как установить элемент автозаполнения jquery для бритвы ActionLink helper - PullRequest
Новая
       17

Как установить элемент автозаполнения jquery для бритвы ActionLink helper

0 голосов
/ 19 января 2012

Я использую автозаполнение jquery в своем приложении, но я не удовлетворен тем, как я обрабатываю клики по элементам автозаполнения: 

$(function () {
        $("input#autocomplete").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '@Url.Action("Search", "Navigation")', type: "POST", dataType: "json",
                    data: { searchTerm: request.term, maxResults: 10 },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.Name,
                                value: item.CityId
                            }
                        }))
                    }
                })
            },
            select: function (event, ui) {                
                window.location.href = '@Url.Action("Index", "Home")' + '/' + ui.item.value;
            }
        });
    });

Это работает, но время от времени это не работает.Есть ли способ добавить @Html.ActionLink... как пункт?

1 Ответ

4 голосов
/ 19 января 2012

Попробуйте это 

function onItemSelect(item){
   var siteRootUrl = '@Url.Content("~/")';
   window.location.href = siteRootUrl + 'controller/action/' + item;
}

$(function () {
        $("input#autocomplete").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '@Url.Action("Search", "Navigation")', type: "POST", dataType: "json",
                    data: { searchTerm: request.term, maxResults: 10 },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.Name,
                                value: item.CityId
                            }
                        }))
                    }
                })
            },
            select: function (event, ui) {                
                onItemSelect(ui.item.value);
            }
        });
 });
...