jquery - disable - select2 selected

Select2 y initSelection callback

Question

En la carga de la página, estoy tratando de usar initSelection para seleccionar ID 60 (valor especificado del campo de entrada) . Parece que no puedo hacerlo funcionar correctamente.

Los scripts PHP funcionan muy bien y devuelven los valores correctos, pero ¿cómo puedo hacer que JS realice la devolución de llamada correctamente?

JavaScript:

$(document).ready(function() {
    $(''#editAlbumArtistId'').select2({
            placeholder: ''Search names'',
            ajax: {
                url: "/jQueryScripts/jQuerySelectListArtists.php",
                dataType: ''json'',
                quietMillis: 100,
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 10 // page size
                    };
                },
                results: function (data, page) {
                    return {results: data.results};
                }

            },
            initSelection: function(element, callback) {

            var id = $(element).val();
            if(id !== "") {
                $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                    data: {id: id},
                    dataType: "json"
                }).done(function(data) {
                    callback(data);
                });
            }
        }
    });
});

HTML:

<p>
    <input type=''hidden'' value="60" data-init-text=''Search names'' name=''editAlbumArtistId'' id=''editAlbumArtistId'' style="width:180px;"/>
</p>

Cada vez que actualizo la página, veo que la secuencia de comandos PHP se ejecuta y que devuelve la ID y el texto adecuados. Sin embargo, el campo no está actualizado y he intentado seriamente todo lo que puedo imaginar.

Estoy usando Select2 3.4.3.

Cualquier ayuda sería muy apreciada.

Answer 1

¡Finalmente lo resolvió! Supuse select2 no querían una matriz, ya que es un solo valor, por lo que he seleccionado el primer elemento de la matriz data.results.

callback(data.results[0]);

Y si ha configurado multiple: true, simplemente acepte la matriz de resultados completa;

callback(data.results);

Answer 2

También puedes usar esto para menos código:

    initSelection: function(element, callback) {
        return $.getJSON("/jQueryScripts/jQuerySelectListArtists.php?id=" + element.val(), null, function(data) {
            return callback(data[0]);
        });
    }

Vi este ejemplo en el wiki Seleccionar2, pero he tenido que lidiar con devolución de llamada (datos) vs devolución de llamada (datos [0]) Así como lo hizo.