Select2 初始化选择答案

【问题标题】：Select2 initSelectionSelect2 初始化选择
【发布时间】：2013-02-27 13:12:23
【问题描述】：

我在使用 ajax 调用设置方法 initSelection 时遇到问题，我返回“未定义”。我检查并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",
    });

有什么问题吗？

【问题讨论】：

我回答了其他问题。看：stackoverflow.com/a/30625628/2788478

标签： jquery jquery-select2

【解决方案1】：

注意，你发送给回调函数的数据，需要是一个对象，有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]);
      });
    }
  }

【讨论】：

赞成。不确定其他答案使用空的成功处理程序会实现什么？
initSelection 选项已被弃用，取而代之的是自定义数据适配器（Select2 版本 4+），请参阅 select2.github.io/options.html。
select2.org/upgrading/migrating-from-35 是一个链接，其中包含有关弃用的有用数据。无论如何..这真的很无用。

【解决方案2】：

解决方法如下：

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);

【讨论】：