aria-autocomplete / typeahead не выбирается автоматически - PullRequest
Новая
       57

aria-autocomplete / typeahead не выбирается автоматически

0 голосов
/ 27 сентября 2018

Я реализовал aria-autocomplete и twitter / bloodhound typeahead.

Проблема: Это частично работает в том смысле, что оно получает значение, но я хочу, чтобы оно было выбрано автоматически,Когда я набираю идентификатор участника, я хочу, чтобы он автоматически выбирал имя в div ниже и в скрытом текстовом поле (которое позже проверяется, если есть значение, прежде чем позволить пользователю перейти к следующему экрану)

Что я пробовал: Я прочитал следующее:

https://msdn.microsoft.com/en-us/ie/hh968240(v=vs.94) https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html

Затем я изменил "aria-autocomplete":"list" на "обоих", а также "inline", и ни один из них не оказал влияния.

Затем я изменил свое текстовое поле с выключенного автозаполнения на автоматическое заполнение без эффекта:

Затем я прочитал онапиши, но я не понимаю, почему автозаполнение также не влияет.Вот код для этого:

. 

displayKey: function (item) { return item.Subscriber_ID },
            templates: {
                //Template to show if there are no results
                empty: function (context) {
                    //  console.log(1) // put here your code when result not found
                    $(".tt-dataset").text('No Results Found');
                },
                suggestion: function (item) {
                    return '<div class=""> ' + item.First_Name + " " + item.Last_Name + '</div>';
                }
            }
        })

.

1 Ответ

0 голосов
/ 27 сентября 2018

Я решил эту проблему, добавив некоторый код в функцию предложения, чтобы добавить TextBox, на который должен смотреть c #, вместо того, чтобы он смотрел его после щелчка: 

 $('#suggestionName').val(item.First_Name + " " + item.Last_Name);        //used to check whether there is a value when hitting submit (hidden field)      
                $('#divDisplayMemberName').html(item.First_Name + " " + item.Last_Name); //displays it in a <p> tag underneath the TextBox
                return '<div class=""> ' + item.First_Name + " " + item.Last_Name + '</div>'; //displays the actual suggestion
...