В веб -разработке мы должны были встретиться с функциями поиска, таких как Baidu и Google. Итак, что можно сделать с автоматическим завершением в умных формах? Давайте покажем это ниже:
1. Содержит простые поиски, такие как Google, Baidu и т. Д.
2. Поддержка сложных структур, таких как ввод номера продукта, вам необходимо заполнить определенную позицию в форме собрания для номера продукта, названия продукта, цены за единицу продукта, примечаний на продукт и т. Д.
Код следующим образом (адрес страницы: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-autocomplete.html):
Автоматическое завершение
Примечание. Необходимо ввести файлы JS: jquery-ui.js, jquery.fn.extend.js
После того, как генерация форм завершена, вызовите метод SmartSearch, указав элемент
Описание параметра:
URL: запрошен URL
Beforesearch: необязательно, метод, вызванный перед отправкой запроса. Метод имеет данные параметра, которые содержат данные, которые должны быть отправлены. Если вам нужно добавить или изменить параметры, которые будут отправлены, вы можете снова изменить параметры.
Formatitem: необязательно. Если возвращаемый не является простой строкой массива, необходимо настроить операцию, чтобы форматировать содержимое, отображаемое на интерфейсе. В примере отображается номер продукта + название продукта.
обратный вызов: необязательно. Если возвращаемая строка массива не является простой строкой массива, необходимо настроить операцию и использовать ее для назначения значений
ПРИМЕЧАНИЕ. Если интерфейс возвращает простой строковой массив, форматитом и обратный вызов может быть опущен.
Вот скриншот запуска в моем локальном тестовом проекте:
Выше приведено полное описание поддержки автоматической компонентов Smart Form Bootstrap (10), представленная редактором. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!