Easyautocomplete does not find the searched value in the field

Asked

Viewed 35 times

-1

I’m making an order system and I need the field where the seller selects the customer to have the search option. I tried with the html datalist but the search didn’t work very well, so I’m trying to use easyautocomplete, I have a json with about 700 clients saved in localStorage, the json structure is as in the example, however I changed the data for privacy reasons, Anyway, the point is that regardless of what I research in the field, the result shown in the options is always the same, if I search for "josé" for example, which would be the last json record, the item "José da silva" is not listed, the first 6 items of JSON always appear, what could be the problem?

<script>
var options = {
    data: [{"idCliente":"2305","nmFantasia":"","razaosocial":"CLIENTE TESTE 01","nrCnpjCpf":"123.456.789-12","dsBairro":"SAO CRISTOVAO","nrTelefone":"54 9999999999","dsEndereco":"RUA CASTRO ALVES","nrCelular":"54 9999999999","dsCidade":"Cidade ABC"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 01","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 02","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 03","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 04","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 06","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"ações","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"José da silva","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"}],
    getValue: function(element) {
      return element.razaosocial;
    }
};
$("#cliente").easyAutocomplete(options);
</script>
<input id="cliente" class="form-control" />
javascript jquery json
  • 1

    Do not link codes to the question, put the code to be analyzed!

  • Okay, I don’t know how to move very well on stackoverflow yet, I’ll edit the pargunta, thanks for the tip

1 answer

1


Well, according to documentation missed you pass the property list that has another property called match and mark the property enable as being true:

var options = {
  data: [{"idCliente":"2305","nmFantasia":"","razaosocial":"CLIENTE TESTE 01","nrCnpjCpf":"123.456.789-12","dsBairro":"SAO CRISTOVAO","nrTelefone":"54 9999999999","dsEndereco":"RUA CASTRO ALVES","nrCelular":"54 9999999999","dsCidade":"Cidade ABC"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 01","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 02","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 03","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 04","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"CLIENTE TESTE ACENTUAÇÃO 06","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"ações","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"},{"idCliente":"3585","nmFantasia":"","razaosocial":"José da silva","nrCnpjCpf":"987.654.321-00","dsBairro":"INTERIOR","nrTelefone":"","dsEndereco":"CAPELA SANTA LUZIA","nrCelular":"","dsCidade":"Cidade XYZ"}],
  getValue: "razaosocial",
  list: {
    match: {
      enabled: true
    }
  }
};

$("#cliente").easyAutocomplete(options);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.min.css" rel="stylesheet"/>

<input id="cliente" class="form-control" />

  • 1

    Perfect, worked, had tested with several examples of documentation, I ended up not seeing this, my fault, thank you very much

Browser other questions tagged javascript jquery json

You are not signed in. Login or sign up in order to post.