Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Поиск адреса по главному инпуту


Обратите внимание для адреса есть - Основной инпут. Это главный инпут с которого можно осуществить ввод и по нему произойдет автозаполнение полей адреса. ОН опционален. Но я бы рекомендовал его применять.

В нем есть GDRYud1.png

и три метода

U1L3rH0.png

 

В который передается store - объект в котором есть все найденные поля в массиве, и сам данный инпут, а также helper. Который можно модифицировать, перезаписав любое значение или добавив некий прокси, для методов объекта.

Данный код вызывается перед инициализацией данного инпута.

Далее 

PIuKDS9.png

В данном примере вставлен метод из корзины Simple. onSelected - вызывается когда пользователь выбрал подсказку из выпадающего списка, после всех манипуляций над дочерними элементами. Удобно как на данном примере вызвать обновление корзины Simple.

В него передается Объект возвращенных подсказок, функция помощи поиска в этом объекте и сам главный инпут. Ниже кусок данного кода

let result = setting.onSelected(data[index], helper.find, requestInput);
if(result) {
  requestInput.value = result;
}

Как мы видим, вы можете вернуть строку которая будет записана в данный инпут.

Далее

 

zSq97Q5.png

Нужен для того что бы сгенерировать основной инпут. В данном примере уже создана преднастройка. Котороую можно переопределить под свой шаблон.

На примере

{
    // Родительский эелемент
  	tag: 'div',
    // Его пропсы
  	props: {className: 'form-group'},
    //Сам шаблон инпута, строкой. Обратите внимание что <div class="suggestions-wrap"><ul class="js_suggestions"></ul></div> лучше не изменять. так как в них записываются подсказки.
	child: '<label class="col-sm-4 control-label" for="input-address-1">Поиск адреса и автозаполнение</label><div class="col-sm-8"><input type="text" class="form-control suggestions-input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"><div class="suggestions-wrap"><ul class="js_suggestions"></ul></div></div>' 
 
}

 


Comments

Нет комментариев для отображения

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.