Obtenga el último complemento de arranque typeahead v2.1.2 en https://raw.github.com/michaelcox/bootstrap/6789648b36aedaa795f1f5f11b4da6ab869f7f17/js/bootstrap-typeahead.js
Esta actualización permitirá minLength de cero para que muestre todos para typeahead
<input id="typeaheadField" name="typeaheadField" type="text" placeholder="Start Typing">
$("#typeaheadField").typeahead({
minLength: 0,
items: 9999,
source: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado", "Oregon"]
});
entonces usted tiene que adjuntar el evento onFocus a su elemento, porque no está definida por el plugin:
$("#typeaheadField").on('focus', $("#typeaheadField").typeahead.bind($("#typeaheadField"), 'lookup'));
Es También es una buena idea sobreescribir la clase css de bootstrap typeahead localmente para establecer max-height y scroll vertical para los resultados en caso de que haya demasiados resultados.
.typeahead {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
Así que, ¿cuál es tu pregunta? ¿Qué no funciona? –
Hola John Funciona cuando comienzo a escribir, pero no solo en el enfoque. La idea es mostrar todas las opciones en foco. Leo estos artículos, pero no tengo éxito en las sugerencias: https://github.com/twitter/bootstrap/issues/2043 y https://github.com/twitter/bootstrap/pull/3941 – user1736062
@JohnSaunders - Hola John, sobre los artículos anteriores, no entiendo cómo implementar este código: $ input.on ('focus', $ input.typeahead.bind ($ input, 'lookup'))); – user1736062