select2 optgroup ajax json格式

Question

我想将返回的 json 数据按libelle 分组，我最终得到以下结果 脚本：

$('.membre').select2({
        placeholder: 'Select an item',
        ajax: {
          url: '/select2-autocomplete-ajax',
          dataType: 'json',
          delay: 250,
          data: function (params) {
            return {
              membre_id: params.term // search term

            };
          },
          processResults: function (data) {

            return {
              results:  $.map(data, function (item) {
                    return {

                        text: item.libelle,
                        children: [{
                        id: item.id,
                        text: item.nom +' '+ item.prenom
                        }]

                    }
                })

            };
          },
          cache: true
        }
});

输出：

有没有可能在不重复libelle 的情况下使小组正常工作？

JSON 输出：

[{"id":1,"libelle":"Laboratoire Arithm\u00e9tique calcul Scientifique et Applications","nom":"jhon","prenom":"M"},{"id":2,"libelle":"Laboratoire Arithm\u00e9tique calcul Scientifique et Applications","nom":"JHON","prenom":"jhon"}]

Answer 1

看来你正在寻找类似https://select2.org/data-sources/formats#grouped-data的东西

// Add this somewhere before the ajax
var groupBy = function(xs, key) {
  return xs.reduce(function(rv, x) {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};


processResults: function (data) {
   return {
      results:  $.map(data, function (item,key) {
         var children = [];
         for(var k in item){
             var childItem = item[k];
             childItem.text = item[k].nom +' '+ item[k].prenom;
             children.push(childItem);
         }
         return {
            text: key,
            children: children,
         }
    })       
 };