Utilisation appropriée du rappel initSelection de jQuery select2 avec des données distantes
J'utilise jQuery select2 plugin afin de récupérer les codes postaux à l'aide de l'ajax fonction de rappel comme suit:
$(document).ready(function() {
$("#postcodes").select2({
placeholder : "Search for a postcode",
multiple : true,
minimumInputLength : 3,
ajax : {
url : "/bignibou/utils/findGeolocationPostcodeByPostcodeStartingWith.json",
dataType : 'json',
data : function(term) {
return {
postcode : term
};
},
results : function(data) {
console.log(data);
return {
results : $.map(data, function(item) {
return {
id : item.id,
text : item.postcode
};
})
};
}
}
});
});
Une fois que les deux codes postaux sont sélectionnées j'ai récupérer la hidden input
dans les DOM:
<input type="hidden" class="bigdrop select2-offscreen" id="postcodes" style="width:600px" name="familyAdvertisement.postcodes" value="4797,4798" tabindex="-1">
Le problème que j'ai est qu'une fois que le formulaire est réaffiché (par exemple dans le cas de certaines autres mesures de contrôle dans l'erreur), le choix (c'est à dire les deux codes postaux et surtout les text
) ne s'affichent pas dans la forme, bien que le hidden input
n'ont les deux valeurs (p. 4797 et 4798, qui sont les id
s pour le code postal).
Je ne suis pas sûr si je dois faire un autre ajax aller-retour lorsque le formulaire s'affiche de nouveau ou si il ya une meilleure façon d'aller.
Quelqu'un peut-il svp conseiller?
source d'informationauteur balteo
Vous devez vous connecter pour publier un commentaire.
La initSelection méthode est de transmettre les valeurs qui doit être présent dans le
select2
Ex:
Démo: Violon