Jump to content
Ivan.Teles

Trabalhando com jquerytypeahead não exibe a lista

Recommended Posts

Boa noite Galera, estou tentando implementar este autocomplete. http://www.runningcoder.org/jquerytypeahead

Criei meu método que retorna um json!

[{name: "Grupo de teste 1"}, {name: "Grupo de teste 2"}, {name: "Grupo de teste 3"}]

Meu JS ficou assim:

$.typeahead({
        input: "#Grupo",
        source: {
            ajax: function () {
                return {
                    type: "GET",
                    url: '/Home/GetDados',
                    data: { q: '{{query}}' },
                    callback: {
                        done: function (data) {
                            return data.name;
                        }
                    }
                }
            }
        },
        minLength: 3,
        order: "asc",
        dynamic: true
    });

E meu HTML ta assim:

<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
    <div class="form-group">
        <label>Grupo: </label>
        <div class="typeahead__container">
            <div class="typeahead__field">
                <span class="typeahead__query">
                    @Html.TextBoxFor(m => m.Grupo, new { @type = "search", @autocomplete = "off", @class = "form-control", @placeholder = "Selecione ou insira uma nova pessoa", @data_val = "true", @data_val_required = "obrigatório" })
                </span>
            </div>
        </div>
    </div>
</div>

Porém ao digitar algo, no console ele exibe os resultados mas não exibe a lista pro usuario selecionar.

Alguém pode me dar uma dica de como resolver?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.