0

Estou tentando fazer uma consulta ajax a uma api para criar dinamicamente um select2.

A api está retornando dados normalmente, porém só aparece a mensagem de "No results found" no select.

HTML

<select name='produtos[]' multiple="multiple" id="selProdutos">
</select>

JQuery

$("#selProdutos").select2({
    maximumSelectionLength: 2,
    ajax: {
        url: 'api/produtos/1',
        type: 'GET',
        dataType: 'json',
        results: function (data) {
            return {
                results: $.map(data, function (item) {
                    return {
                        text: item.name,
                        id: item.id
                    }
                })
            };
        }

    }
}).material_select('destroy')

1 Resposta 1

1

Tenho um exemplo aqui para guiá-lo:

$(obj).select2({
    language: "pt-BR",
    placeholder: "Fornecedores",
    //minimumInputLength: 2,
    maximumSelectionLength: 10,
    tags: false, //permite escrever
    tokenSeparators: [",", " "], //seleciona item automatico
    ajax: {
        url: servidor_api + 'HospitalFornecedor/GetAllByIdHospital',
        dataType: 'json',
        beforeSend: function (xhr) {
            xhr.setRequestHeader("Authorization", "Bearer " + getCookie("token"));
        },
        data: function (params) {
            return {
                FILTRO: params.term,
                //FILTRO: '',
                ID_HOSPITAL: $("#ID_HOSPITAL").val(),
                ID_PACOTE: TryParseInt($("#ID_PACOTE").val(), 0)
            };
        },
        processResults: function (data, params) {
            return {
                results: montaFornecedores(data)
            };
        },
        cache: true
    },
    templateResult: formatResultFornecedor
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .