Typeahead - JS e PHP

26/07/2017

Estou com problemas para incluir no meu site um processo de auto sugest�o, por mais que as partes pare�am estar funcionando , o todo n�o responde como desejado.

<script type="text/javascript">
        $(document).ready(function(){
            var cities = [<?php foreach ($result as $item) { echo json_encode($item['name'] ) . ","; }?> ]

            var cities = new Bloodhound({
                datumTokenizer: Bloodhound.tokenizers.whitespace,
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                local: cities
            });

            $('.typeahead').typeahead({
                    hint: true,
                    highlight: true, 
                    minLength: 2 
                },
                {
                    name: 'cities',
                    source: cities
                });
        });
    </script>

Das v�rias tentativas que fiz, a que apresentei acima foi a melhor, mas estou com problemas para implementar o ID da lista, vejam que s� coloquei o nome do produto, como fa�o para implementar uma lista que tenha o ID ?

Ainda poderia compartilhar um exemplo de sugest�o (auto complete) que armazene de alguma forma o ID do item escolhido baseado no texto digitado por favor;

Mauricio Cunha

Curtir t�pico + 0

Responder

Post mais votado

07/08/2017

Mauricio,

Cara voc� poderia em vez de imprimir um JSON com o PHP efetuar uma chamada em um arquivo para lhe responder isso, mas caso seu contexto n�o consiga vamos la.

Em vez disso:

 var cities = [<?php foreach ($result as $item) { echo json_encode($item['name'] ) . ","; }?> ]

Tente isso:

 var cities = [<?php  echo json_encode($result ); ?> ]

Pois ali neste array do $result vai conter toda a sua estrutura e voc� utiliza o each do jQuery para navegar no array JSON que vai ser criado.

Abra�os.

Fabio Rocha

Responder

Gostei + 1