selectize.js의 옵션 그룹에 프로그래밍 방식으로 옵션을 추가하는 방법

Question

Selectize.js의 옵션 그룹에 옵션을 동적으로 추가하려고합니다. API에는 "데이터"에 대한 많은 도움이없이

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

만 있습니다. 나는 데이터가 OPTGROUP 렌더링 메서드에 전달 된 객체 인 옵션 만 사용 optionGroups

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

감사

Answer 1

전혀 언급을 추가하는 예를 본 적이있다. 그래서 그 안에 무엇이든 넣을 수 있습니다. 당신이 원하는 때마다

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

그리고, 당신은 selectize의 그룹 및 옵션을 추가 할 수 있습니다 : 물론

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

, 당신은 그룹 만의 레이블을 원하는 경우, 당신은이 작업을 수행 할 수 있습니다

를

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

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

API demo (페이지에서 'Optgroups (프로그래밍 방식)'을 검색)을 볼 수 있습니다.