На основе плагина Bootstrap AutoCoplete автоматически заполняет формы, предоставляет код скрипта, варианты использования и фоновый сервер (PHP). Есть некоторые вещи, которые не объясняются ясно в оригинальном тексте, и я надеюсь, что это может помочь всем.
Прежде всего, я, должно быть, загружаю Bootstrap & jQuery. Следует отметить, что двумерный массив, возвращаемый бэкэндом, согласуется с вызовом под методом Formatitem;
Кроме того, возвращаемые данные должны быть первыми Парседжсона! Помнить.
Связанный параметр Описание:
Источник: функция (запрос, процесс) {}. Запрос представляет строку в текущем вводе текста. В этом методе данные могут быть запрошены на фоне (объект JSON в форме массива) через AJAX, а затем возвращаемый объект используется в качестве параметра процесса;
Formatitem: function (item) {}. Конкретный объект JSON, который возвращает данные, преобразуется в формат строки, который используется для отображения его в списке подсказок, а возвращаемое значение: String;
setValue: function (item) {}. Когда выбран элемент в списке подсказок, установите значение, отображаемое в окне ввода текста, и значение, которое фактически необходимо получить. Формат возвращаемого значения: {'Value': item [«свойство элемента значения, отображаемое в окне ввода»], «реальная стоимость»: элемент [«свойство элемента фактического значения, которое необходимо получить»]}, позже, это значение может быть получено через свойство реального значения текстового входного окна;
Элементы: максимальное количество наборов результатов для автоматических подсказок завершения, по умолчанию: 8;
Minlength: процесс сопоставления будет выполняться только тогда, когда строка в текущем вводе текста достигнет значения свойства. По умолчанию: 1;
Задержка: после указания количества задержки миллисекунды, данные будут запрошены на фоне, чтобы предотвратить частые запросы из фона, часто вызванных быстрым вводом. По умолчанию: 500
На основании плагина Bootstrap, автоматически заполнять форму автоматического заполнения, код заключается в следующем
1. Код
<script> $ ('#sim_iccid'). AutoCoplete $ .get ("http://www.soyiyuan.com/update/", {"iccid": Query, "MatchCount": MatchCount}, функция (respdata) {respdata = $ .parsejson (respdata); // возвращаемые данные (respdata); item ["iccid"]+"("+item ["mobile"]+")";2. $ Данные-это двумерный массив
echo json_encode ($ data)
3. Стандартный формат JSON, который необходимо вернуть
[code] [{"iccid": "12345678901234567890", "mobile": "1850000"}, {"Iccid": "12345785", "Mobile": "1850001"}] [Code]
AutoCoplete управления Bootstrap AutoComplete преобразуется на основе собственного управления Bootstrap TypeAde, потому что TypeaHead не поддерживает сложные объекты.
// Пример кода заключается в следующем: $ ('#autoCocleteteInput'). AutoCOMPLETE ({Source: Function (Query, Process) {var MatchCount = this.options.items; // возвращать максимальное количество результатов наборов $ .post ("/bootstrap/region", {"matchInfo" Process (respdata); {'Value': item ["RegionName"], 'реальная стоимость': item ["regionCode"]}; $ ("#gobtn"). Click (function () {// Получить фактическое значение текстового поля var regioncode = $ ("#autocompleteInput"). attr ("реальная стоимость") || ""; alert (regionCode);});Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.