Pozo de complemento de autocompletado de escritura anticipada de Bootstrap

##Bootstrap typeahead plugin pit

Complemento de finalización automática de escritura anticipada,

O simplemente registre cómo usarlo:

<div class="form-group">    
    <label class="col-sm-3 control-label is-required">医生：</label>
    <div class="col-sm-8">
        <input hidden id="hiddenDoctor" name="doctorId">
        <input id="doctorName" class="form-control" type="text" required>
    </div>
</div>

$.get(ctx + "treatment/log/doctor/auto/list", function(data){
            $("#doctorName").typeahead({
                source: data.value,
                updater: function (item) {
                    $("#hiddenDoctor").val(item.id)
                    return item.name;
                }
            });
        },'json');

Esto implementa un autocompletado.

El enfoque de typeahead parece ser llamar a la interfaz después de cargar la página y luego filtrar de acuerdo con las palabras clave ingresadas.

Si la cantidad de datos es grande, no creo que este enfoque sea recomendable.

El hoyo que encontré usando Bootstrap typeahead

1. El campo de valor de retorno de autocompletado debe llamarsename

Entonces, si desea autocompletar un campo, cuando el backend devuelve datos, debe nombrar el nombre del campo.

2. El campo de nombre no puede contenernull

La primera condición es que el campo debe llamarse nombre y la segunda condición es que el campo nombre no puede ser nulo. Los datos de la lista devuelta, siempre que haya un campo de nombre nulo, la finalización automática no funcionará