Remplir Select2 avec AJAX données

Je suis en utilisant Select2 4.0.0-rc.2.

La Options de la page les états suivants à propos de initSelection

Dans le passé, Select2 requis une option appelée initSelection qui a été défini à chaque fois qu'une source de données personnalisée a été utilisé, permettant pour la première sélection pour le composant à être déterminé. Ceci a été remplacé par le current méthode sur la adaptateur de données.

Je n'ai trouvé que des exemples pour les anciennes versions de Select2 qui utilisent initSelection (voir Définition des valeurs initiales de la charge avec Select2 avec Ajax)

Comment puis-je charger des données par défaut avec adaptateur de données?

voici mon code initial (est twig)

 $("#{{ id }}").select2({
            ajax: {
                    url: "{{ path(attr.path) }}",
                    dataType: 'json',
                    {% if attr.placeholder is defined %}
                    placeholder: '{{ attr.placeholder }}',
                    {% endif %}
                    delay: 250,
                    data: function (term) {
                        return term;
                    },
                    processResults: function (data) {
                        return {results: data};
                    }

                },
            templateResult: function(data){
                return '<img width="30" src="'+data.image+'">'+data.text;
            },
            templateSelection: function(data){
                return '<img width="30" src="'+data.image+'">'+data.text;
            },

            cache: true,
            escapeMarkup: function (markup) { return markup; }, //let our custom formatter work
            minimumInputLength: 2
        });

Si c'est possible je veux installation toujours visible options et ont ajax autres,

InformationsquelleAutor Developer | 2015-04-20

jquery jquery-select2

2

Vous avez une explication détaillée sur leurs docs. Si vous avez seulement besoin de charger vos données une fois que vous pouvez le faire en utilisant le code suivant (qui a été dépouillés de leurs docs page):
```
var $element = $('select').select2(); //the select element you are working with

var $request = $.ajax({
  url: '/my/remote/source' //wherever your data is actually coming from
});

$request.then(function (data) {
  //This assumes that the data comes back as an array of data objects
  //The idea is that you are using the same callback as the old `initSelection`

  for (var d = 0; d < data.length; d++) {
    var item = data[d];

    //Create the DOM option that is pre-selected by default
    var option = new Option(data.text, data.id, true, true);

    //Append it to the select
    $element.append(option);
  }

  //Update the selected options that are displayed
  $element.trigger('change');
});
```
- je veux de l'installation initiale des données à l'ajax d'entrée, j'ai lu la doc mais ne sais pas comment le faire. - je ajouter mon code d'installation.
- Ouais, docs ne sont pas grandes, à mon humble avis. Comment dans le monde avez-vous même l'utiliser (ajouter) un adaptateur? Sont-il des docs pour la config sur ce point?
- Avez-vous jamais à comprendre comment le code / ajouter un adaptateur? Je ne comprends pas comment personnalisée des données de cartes de soutien à l'AJAX, comme le point de l'ensemble de l'AJAX est à seulement le feu de la fonction de rappel lorsque les demandes sont à faire. Je suis probablement juste de ne pas aussi intelligent que le gars qui a conçu ce?
InformationsquelleAutor Luís Cruz

<select id="posow"></select>

ci-dessus, sélectionnez-je faire comme ceci:

$(function () {
            $.getJSON( "/f3/tokenize/PO_SoW", function(respond) {
                $('#posow').select2({
                    multiple: true,
                    data: respond
                });
             });
});

répondre à partir du serveur est: est-ce

[{id: 'nms', text: 'FATP'},
{id: 'nms', text: 'ATF Plan'},
{id: 'nms', text: 'Endorse Plan'},
{id: 'nms', text: 'Endorse Date'}
]

InformationsquelleAutor cak-opiq

Comme une continuation de Milz de réponse, je dirais que vous devez ajouter une valeur vide à la fin sinon la dernière valeur ne sera jamais sélectionné.

  ...

  for (var d = 0; d < data.length; d++) {
    var item = data[d];

    //Create the DOM option that is pre-selected by default
    var option = new Option(data.text, data.id, true, true);

    //Append it to the select
    $element.append(option);
  }

  var option = new Option('', '', true, true);
  $element.append(option);

  ...

Peut-être il ya une autre façon de le faire, mais cela a fonctionné pour moi.

InformationsquelleAutor Herr Nentu'

Vous devez vous connecter pour publier un commentaire.