Select2 initSelection

У меня проблема с установкой метода initSelection с вызовом ajax, я возвращаю "undefined". Я проверил, и вызов ajax возвращает правильный результат. Я не понимаю, как установить метод обратного вызова, чтобы убедиться, что вы выбрали предустановленное значение.

 function mediaFormatResult(media) {
        var markup = "<div class='media-title'>" + media.name + ", " + media.prov + " (" + media.region + ")</div>";

        return markup;
    }

    function mediaFormatSelection(media) {
        return media.name +", " + media.prov + " (" + media.region + ")";
    }
    $field = $('#comune');
    $($field).select2({
        placeholder: "Seleziona il tuo comune",
        minimumInputLength: 3,
        initSelection: function(element, callback) {

        return $.ajax({
            type: "POST",
            url: "myurl",
            dataType: 'json',
            data: { id: (element.val())},
            success: function(data){
                //results: data.results;
            }
        }).done(function(data) { 
            //console.log(data);
            callback(data);
        });

        },
        ajax: { 
            quietMillis: 100,
            url: "myurl",
            dataType: 'json',
            type: 'POST',
            data: function (term, page) {
                return {
                    q: term,
                    page_limit: 10
                };
            },
            results: function (data, page) {
                return {results: data.results};
            }
        },
        formatResult: mediaFormatResult, 
        formatSelection: mediaFormatSelection, 
        formatNoMatches: function () { return "Nessun risultato trovato!";},
        formatSearching: function () { return "Ricerco.."; },
        formatInputTooShort: function(input, min) {return "Inserire "+ (min - input.length) + " caratteri.";},
        dropdownCssClass: "bigdrop",
    });

Здесь что-то не так?


jquery jquery-select2
person Lughino    schedule 27.02.2013    source источник
comment
Я ответил на другой вопрос. Посмотрите: stackoverflow.com/a/30625628/2788478   -  person Andre Mesquita    schedule 03.06.2015

Ответы (2)


arrow_upward
12
arrow_downward

Обратите внимание, данные, которые вы отправляете в функцию обратного вызова, должны быть объектом с атрибутами id и text.

Вот что сработало для меня:

initSelection: function(element, callback) {
    var id;
    id = $(element).val();
    if (id !== "") {
      return $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        data: {
          id: id
        }
      }).done(function(data) {
        var results;
        results = [];
        results.push({
          id: data.id,
          text: data.name
        });
        callback(results[0]);
      });
    }
  }
person vladCovaliov    schedule 10.02.2014
comment
Проголосовали. Не уверены, что дает другой ответ с пустым обработчиком успеха? - person Matthew Scerri; 08.10.2014
comment
Параметр initSelection устарел в пользу адаптера пользовательских данных (Select2 версии 4+), см. select2.github .io / options.html. - person lubosdz; 14.03.2015
comment
select2.org/upgrading/migrating-from-35 - это ссылка, содержащая полезные данные. об устаревании. Как бы то ни было ... это действительно бесполезно. - person boxed; 08.11.2019

arrow_upward
3
arrow_downward

Вот способ решения:

initSelection: function(element, callback) {

        return $.ajax({
            type: "POST",
            url: path,
            dataType: 'json',
            data: { id: (element.val())},
            success: function(data){

            }
        })

Следует позаботиться о том, чтобы массив был создан в контроллере, и он должен быть примерно таким:

foreach ($entities as $member) {
        $json['id'] = $member->getId();
        $json['name'] = $member->getComune();
        $json['region'] = $member->getRegione()->getRegione();
        $json['prov'] = $member->getProvincia()->getSigla();
}

        $result = $json;
        return json_encode($result);
person Lughino    schedule 16.03.2013