Maybe_V
Новичок
Добрый день, в процессе разработки столкнулся с одной проблемой.
Использую плагин.
При нажатии на кнопку отправляется ajax запрос и возвращает с помощью
вюха с полем тегов. Проблема в том, что в возвращаеться все без ошибки, но работает некорректно, посылаю запрос ajax и вставляю результат рендера в блок таким образом:
Так выглядить вюха:
В результате получается:
Само поле тегов должно было быть вместе с текстом но почему то результат не такой! И теги тоже не создаются.
Хотя вернуло все вроде правильно:
Прошу помочь разобратся в чем проблема, самому понять, что я делаю не так или где допустил ошибку не могу
Спасибо.
Использую плагин.
При нажатии на кнопку отправляется ajax запрос и возвращает с помощью
PHP:
$this->renderAjax()
Код:
$.ajax('/user/employee-manage/load-tags', {
type: 'post',
data: {
'ids' : employeesChecked
},
success: function (response) {
$('.panel-employee-tag').html(response);
}
});
PHP:
<?php
use kartik\select2\Select2;
?>
<?= Select2::widget([
'name' => 'color_2',
'value' => ['red', 'green'],
//'data' => $data,
'maintainOrder' => true,
'options' => ['placeholder' => 'Select a employees ...', 'multiple' => true],
'pluginOptions' => [
'tags' => true,
],
]);
?>
<?='View will be here'?>
В результате получается:
Само поле тегов должно было быть вместе с текстом но почему то результат не такой! И теги тоже не создаются.
Хотя вернуло все вроде правильно:
HTML:
<link href="/assets/1f0a4867/css/bootstrap.css" rel="stylesheet">
<link href="/assets/12be1c23/css/select2.css" rel="stylesheet">
<link href="/assets/12be1c23/css/select2-addl.css" rel="stylesheet">
<link href="/assets/12be1c23/css/select2-krajee.css" rel="stylesheet">
<link href="/assets/a61124ab/css/kv-widgets.css" rel="stylesheet">
<script type="text/javascript">var s2options_ae5051fd = {"themeCss":".select2-container--krajee","sizeCss":"","doReset":true,"doToggle":true,"doOrder":true};
window.select2_11baaf42 = {"tags":true,"theme":"krajee","width":"100%","placeholder":"Select a employees ...","language":"ru"};
</script><span id="parent-s2-togall-w0" style="display:none"><span id="s2-togall-w0" class="s2-togall-button s2-togall-select"><span class="s2-select-label"><i class="glyphicon glyphicon-unchecked"></i>Выбрать все</span><span class="s2-unselect-label"><i class="glyphicon glyphicon-check"></i>Отменить выбор</span></span></span><div class="kv-plugin-loading loading-w0"> </div><select id="w0" class="form-control" name="color_2[]" multiple size="4" data-s2-options="s2options_ae5051fd" data-krajee-select2="select2_11baaf42" style="display:none">
<option value="red" selected>red</option>
<option value="green" selected>green</option>
</select>View will be here
<script src="/assets/23a130ee/jquery.js"></script>
<script src="/assets/12be1c23/js/select2.full.js"></script>
<script src="/assets/12be1c23/js/select2-krajee.js"></script>
<script src="/assets/12be1c23/js/i18n/ru.js"></script>
<script src="/assets/a61124ab/js/kv-widgets.js"></script>
<script type="text/javascript">initS2Order('w0',["red","green"]);
if (jQuery('#w0').data('select2')) { jQuery('#w0').select2('destroy'); }
jQuery.when(jQuery('#w0').select2(select2_11baaf42)).done(initS2Loading('w0','s2options_ae5051fd'));
</script>
Спасибо.