Как вы запускаете событие автозаполнения "select" вручную в jQueryUI? - PullRequest
Новая
       8

Как вы запускаете событие автозаполнения "select" вручную в jQueryUI?

32 голосов
/ 03 октября 2011

Я использую автозаполнение jQueryUI, и у меня есть функция, сопоставленная с событием select, например: 

$("#someId").autocomplete({
    source: someData,
    select: function (event, ui) { ... },
    focus: function (event, ui) { ... }
});

У меня есть особый случай: пользователь сосредоточился на элементе в выпадающем списке автозаполнениявниз (но не выбрал его), и мне нужно вручную вызвать событие выбора из другой функции.Это возможно?Если да, то как?

Ответы [ 9 ]

39 голосов
/ 20 июня 2013

Вот что у меня сработало: 

$(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', {item:{value:$(this).val()}});
9 голосов
/ 03 октября 2011

Вы можете сделать: 

$("#someId").trigger("autocompleteselect");
6 голосов
/ 21 марта 2013

Вы можете сделать это так, как команда jQuery делает это в своих модульных тестах - см. этот ответ

3 голосов
/ 27 июня 2017

Просто вызовите следующую функцию

setAutocomplete("#txt_User_Name","rohit");

function setAutocomplete(autocompleteId,valuetoset)
    {
        $(autocompleteId).val(valuetoset);
        $(autocompleteId).autocomplete("search", valuetoset);
        var list = $(autocompleteId).autocomplete("widget");
        $(list[0].children[0]).click();
    }
3 голосов
/ 14 марта 2016

Если мы хотим запустить поиск чего-то особенно: 

$('#search-term').autocomplete('search', 'searching term');

или просто 

$('#search-term').autocomplete('search');

$('#search-term').autocomplete({
    ...
    minLength: 0, // with this setting
    ...
});
3 голосов
/ 09 мая 2014 
$('#someId').data('uiAutocomplete')._trigger('select');
3 голосов
/ 27 ноября 2013

1 линия решения 

$('.ui-menu-item .ui-corner-all:contains(\"123")').autocomplete({autoFocus:true}).mouseenter().click()
1 голос
/ 07 декабря 2011

Снаружи: 

$($('#someId').data('autocomplete').menu.active).find('a').trigger('click');

Пример настройки выбора срабатывания при нажатии клавиш горизонтальных стрелок из события автозаполнения «open»: 

$('#someId').autocomplete({
    open: function(event, ui) {
        $(this).keydown(function(e){
            /* horizontal keys */
            if (e.keyCode == 37 || e.keyCode == 39) {
               $($(this).data('autocomplete').menu.active).find('a').trigger('click');
            }
        });
    }
});

К сожалению, этот замечательный способ решить эту проблему, помеченный как "успех", не работал в моем приложении в хроме. 140.0.835.200

0 голосов
/ 10 декабря 2016

Я нашел очень простой способ заставить его работать.Ответы выше не сработали для меня.

Мое определение ввода: 

<div class="search_box">
<input type="text" class="inp disabled" id="search-user-id" placeholder="Search by user name or email" />
</div>

Определение автозаполнения: 

$('#search-user-id').autocomplete({
    minChars: 3,
    paramName: 'searchTerm',
    deferRequestBy: 200, // This is to avoid js error on fast typing
    serviceUrl: '${pageContext.request.contextPath}/settings/reset/psw/query',
    type: 'POST',
    onSelect : function(suggestion) {
        showUserData(suggestion.dto);
    }, 
    onSearchError: function (query, jqXHR, textStatus, errorThrown) {
        $('.cev-error-fields.reset-password').find('.error_msg').text(errorThrown).show().fadeOut(7000);
    }
});

Триггер: я запускаю с ajax, определенного на другой странице, я не ставлюАякс здесь для простоты.Внутри ответа ajax я просто запускаю его так: 

        $('#search-user-id').val(username);
        $('#search-user-id').focus();

Это сработало.

...