Jump to content

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


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

В нем есть 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>' 
 
}

 


×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.