Comment puis-je désactiver certaines options avec Select2 et de données à distance

Dans Select2 3.4.2 vous avez juste besoin d'ajouter un disabled: true propriété de l'objet de résultat. Exemple pratique avec un query fonction:

$('input').select2({
    query: function(query) {
        //do ajax call which retrieves the results array in this format:
        var data = {results: [
            { id: 1, text: 'disabled option', disabled: true },
            { id: 1, text: 'hi' }
        ]};
        //pass it to the query callback inside your Ajax callback:
        query.callback(data);
    }
});

Démo

---

La même chose peut être fait en utilisant le ajax wrapper, qui accepte d'objets de résultat tableau dans le même format que le query fonction.

Voici une démo avec un appel Ajax (par le biais de jsFiddle de l'API JSON):

$('input').select2({
    ajax: {
        url: '/echo/json/',
        dataType: 'json',
        params: {
            method: 'post'
        },
        data: function (term, page) {
            //Data to be sent to the server. Usually it is just the "term"
            //parameter (and page if using pagination).
            //However, since this API simply echoes back what we send,
            //I'll build the results array here
            var resultsArr = [];
            for (var i = 0; i < 10; i++) {
                resultsArr.push({
                    id: i,
                    text: 'opt'+i,
                    //randomly disable a couple options for demo purposes
                    disabled: Math.random() < .3
                });
            }
            return {
                json: JSON.stringify(resultsArr)
            }
        },
        results: function(data, page) {
            //data param === received response from the server. As dataType
            //is json, jQuery automatically parses the response into an object.
            //So, in this case, we received the resultsArr that we sent.
            //Now return it in the correct format: { results: resultsArr }
            return { results: data };
        }
    }
});

Démo

Rappelez-vous que le data fonction dans ce dernier exemple, c'est juste pour utiliser correctement le jsFiddle à l'API, vous devez conserver l'original de votre data fonction qui envoie le terme de la requête. Tout ce que vous avez à faire est de modifier la réponse, de sorte que les objets de résultat comprennent un disabled: true de la propriété dans les résultats que vous voulez être handicapés, dans le même format que le premier exemple.

OriginalL'auteur Fabrício Matté