2015-01-30 14 views
5

'daki bir seçenek grubuna programlı olarak nasıl eklenir? Selectize.js'de bir seçenek grubuna dinamik olarak bir seçenek eklemek istiyorum. Yalnızca API "veri" ne olduğuna dair çok yardım almadanSelectize.js

addOption(data) 
updateOption(value, data) 
addOptionGroup(id, data) 

sahiptir. Ben Veri OPTGROUP render yönteme geçirilen nesne bir seçenek ama kullanan optionGroups

$('#button-addoption').on('click', function() { 
    control.addOption({ 
    id: 4, 
    title: 'Something New', 
    url: 'http://google.com' 
}); 

Teşekkür

cevap

0

hiç söz eklemek için örnekler gördüm. Ve böylece, herhangi bir şey koyabilirsiniz. istediğiniz zaman

$('#selectize').selectize({ 
    ... 
    optgroupField: 'mygroup', 
    render: { 
     optgroup_header: function(data, escape) { 
      return '<div class="optgroup-header">' + escape(data.a) + escape(data.b) '</div>'; 
     } 
    }, 
    ... 
}); 

Ve sonra, sen selectize grupları ve seçenekleri ekleyebilirsiniz: Elbette

//add group 
var optGroup = { a: 'fruit', b: ... }; 
$('#selectize')[0].selectize.addOptionGroup('0', optGroup); 

//add option 
var option = { value: 'abc', text: 'banana', mygroup: '1'};    
$('#selectize')[0].selectize.addOption(option); 

, sadece grup için bir etiket isterseniz, bunu yapabilirsiniz:

//code 
... 
render: { 
    optgroup_header: function(data, escape) { 
    return '<div class="optgroup-header">' + escape(data) + '</div>'; 
} 
... 
//code 

$('#selectize')[0].selectize.addOptionGroup('1', 'meat'); 

API demo (sayfadaki 'Optgroups (programatik)' araması yapın).