JS2 ile select2'de select2 nasıl ayarlanır

Question

Bazı öğeler ayrı ayrı optgroups grubunda nasıl gruplandırılabilir? Farklı JSON nesnelerinde mi ayarlanmalı? select2 belgelerinde örnek yoktur. Herhangi bir yardım veya yön yardımcı olabilir.

İşte select nüfusun örneği kodudur:

jQuery kodu:

Sen ayarlamak için children niteliğini sizin dizideki optgroups izin vermeniz gerekir

var data = [ 
      { id: 0, text: 'enhancement' }, 
      { id: 1, text: 'bug' }, 
      { id: 2, text: 'duplicate' }, 
      { id: 3, text: 'invalid' }, 
      { id: 4, text: 'wontfix' } 
    ]; 

    $(".js-example-data-array").select2({ 
     data: data 
    }); 

Answer 1

.

Örnek: sitedeki bu iş için hiçbir örnek geliştirici kullanımı https://jsfiddle.net/DinoMyte/8odneso7/13/

var data = [{ 
 
    id: 0, 
 
    text: 'enhancement', 
 
    children: [{ 
 
     id: 5, 
 
     text: 'enhancement child1' 
 
     }, 
 
     { 
 
     id: 6, 
 
     text: 'enhancement child2' 
 

 
     } 
 
    ] 
 
    }, 
 
    { 
 
    id: 1, 
 
    text: 'bug' 
 
    }, 
 
    { 
 
    id: 2, 
 
    text: 'duplicate' 
 
    }, 
 
    { 
 
    id: 3, 
 
    text: 'invalid' 
 
    }, 
 
    { 
 
    id: 4, 
 
    text: 'wontfix' 
 
    } 
 
]; 
 

 
$(".js-example-data-array").select2({ 
 
    data: data, 
 
    width: 'auto' 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 
<select class="js-example-data-array"> 
 
</select>