Les valeurs de charge dans select2 multiselect

Je suis en utilisant select2 en place de la zone de recherche.

J'utilise ici pour charger pays des valeurs de ce type

$("#countries").select2({
    multiple: true,
    tags:["India", "Japan", "Australia","Singapore"],
    tokenSeparators: [","]
});

Quand je presse le bouton de sauvegarde, ils sont correctement transmis au serveur, maintenant, ici, la question est
lorsque je veux modifier le champ pays après l'enregistrement sur le serveur, comment je peux charger les valeurs enregistrées pour le champ pays.

C'est de cette façon-je récupérer les données à partir du serveur

$.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) {

    //the opts here contains the json values of the countries.

    //what code should be written here to load the values in $('#countries).select2();

    //user can add some more countries or can remove the previously added countries. 

}

OriginalL'auteur rkj | 2013-04-15

  1. 8

    Veuillez consulter un la documentation en vertu de l'article Loading Remote Data.

    Vous trouverez et exemple comme:

    $("#e6").select2({
    placeholder: "Search for a movie",
    minimumInputLength: 1,
    ajax: { 
           //instead of writing the function to execute the request we use Select2's convenient helper
          url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json"
          //Other stuffs
          }
});

    Vous pouvez aussi le faire comme ceci:

    $.getJSON('/dataprovider?data=fetchCountriesForm', function(opts){
    $("#countries").select2({
        data: opts
    });
})

    Votre JSON les données doivent être dans le format ci-dessous:

    [{id:0,text:'enhancement'},
 {id:1,text:'bug'},
 {id:2,text:'duplicate'},
 {id:3,text:'invalid'},
 {id:4,text:'wontfix'}
]
    Je crois que les données récupérées à partir de l'url qui est chargé dans la zone de recherche d'un utilisateur de l'événement. Comme les types d'utilisateur d'entrée alors la valeur est récupérée et il sélectionne la valeur. Ce que je veux, ici, est de charger toutes les valeurs extraites de json sans que l'utilisateur n'événement. @Kishor Subedi
    Veuillez vérifier les modifier.
    Merci @Kishor pour l'aider, mais j'ai trouvé plus simple de la façon de le faire, j'ai simplement utilisé la fonction de déclenchement de charger les valeurs.

    OriginalL'auteur Subedi Kishor

  2. 4

    Je viens d'utiliser ce http://ivaynberg.github.io/select2/#event_ext_change lien et utilisez la fonction de déclenchement de charger les valeurs 

    $.getJSON('/dataprovider?data=fetchCountriesForm', function(opts) {
        parent.parent.parent.showLoader();
        if (opts) {
            $("#countries").val(opts).trigger("change");
        }

    Cette astuce charger la valeur dans la boîte de sélection.

    Je sais que c'est vieux, donc pardonnez-moi, mais cela ne semble pas fonctionner avec un 2 dimensions tableau? Je peux charger des valeurs telles que ('chien','chat','souris'), mais pas ('1': 'Chien', '2':'Chat', '3':'Souris'). Avez-vous été capable de le faire?

    OriginalL'auteur rkj