У меня есть вызов ajax, который получает динамические данные и помещает их в select2 следующим образом:
$.ajax({
type: 'get',
url: '/api/?stuff='+c,
dataType: "json",
success: function (response) {
// If select2 is already defined, we destroy it and rebuild it with the new data
if(typeof $(".select2edit").data('select2') !== 'undefined') {
$(".select2edit").select2('destroy').select2({ data: response, width: '100%', closeOnSelect: false });
} else {
$(".select2edit").select2({ data: response, width: '100%', closeOnSelect: false });
}
}
});
Я создаю ответ, используя PHP, а затем преобразовываю его в JSON перед отправкой:
$old_emplacement = '';
$results = array();
$i = -1;
while($array_campaign = tep_db_fetch_array($campaign)){
if ($array_campaign['name'] != $old_emplacement) {
$i++;
$results['results'][$i]['text'] = $array_campaign['name'];
$old_emplacement = $array_campaign['name'];
$c = 0;
}
$results['results'][$i]['children'][$c]['id'] = $array_campaign['id'];
$results['results'][$i]['children'][$c]['text'] = $array_campaign['c_name'];
$c++;
}
$results['pagination']["more"] = true;
Таким образом, получается следующий формат JSON:
{
"results": [
{
"text": "Name 1",
"children" : [
{
"id": 1,
"text": "Text 1.1"
},
{
"id": 2,
"text": "Text 1.2"
}
]
},
{
"text": "Name 2",
"children" : [
{
"id": 1,
"text": "Text 2.1"
},
{
"id": 2,
"text": "Text 2.2"
}
]
}
],
"paginate": {
"more": true
}
}
Я получаю No results found.
, когда select2 инициализируется и загружается. И я понятия не имею, почему. Это правильный формат, поскольку документация говорит, и другие вопросы , кажется, подтверждают. Есть идеи, откуда возникла проблема?
Также приятно отметить, что мой select2 находится внутри формы, которая находится внутри модальной зоны, и это html:
<select name="xx[]" id="edit-xx" name='xx' class="form-control select2edit" multiple>
</select>