Кнопка ввода не отправляется с помощью select2 и X-editable - PullRequest
Новая
       21

Кнопка ввода не отправляется с помощью select2 и X-editable

0 голосов
/ 07 июня 2018

Я использую X-Editable и select2 с Rails, и, хотя мне удалось успешно реализовать select2, я больше не могу нажать кнопку Enter, чтобы отправить изменение.

ЭтоВот как это выглядело, когда я использовал select

enter image description here

<%= editable model, :status, type: :select, data: { source: [...] } %>

Здесь я могу выполнить свой выбор из выпадающего меню и нажать Enterи он отправит изменение.

Однако, когда я обновлюсь, используя select2

enter image description here

<%= editable model, :status, type: :select2, data: { source: [...] } %>

Раскрывающийся списокработает отлично, поиск работает отлично, но нажатие Enter на клавиатуре больше не передает изменения, теперь я должен использовать свою мышь, чтобы щелкнуть синюю галочку рядом с ней, чтобы отправить изменение.

Iнеобходимо исправить это так, чтобы нажатие кнопки Enter выполняло действие отправки так же, как при использовании select.Я попытался вызвать предупреждение, чтобы увидеть, смогу ли я найти действие ввода, но безрезультатно, используя код ниже: 

$('select2-search-field > input.select2-input').on('keyup', function(e)     
 {
    if(e.keyCode === 13)
    alert("Hello");
 });

Обновление

Я думаю, что основнойпричина, по которой это не работает, из-за поля поиска.Клавиша ввода была выделена для выбора опции в раскрывающемся поле поиска, поэтому она не отправляется.Можно ли каким-либо образом изменить отображение после выбора параметра в раскрывающемся списке, чтобы при первом нажатии на клавишу ввода он выбирал правильный вариант из раскрывающегося списка, а затем при повторном нажатии на кнопку ввода отправлялся?

1 Ответ

0 голосов
/ 07 июня 2018

Попробуйте событие нажатия клавиши: 

$('select2-search-field > input.select2-input').on('keypress', function(e)     
 {
  if(e.keyCode === 13)
  alert("Hello");
 });
...