YiiFramework Как правильно рендерить результат ajax запроса, чтобы всё корректно отображалось и работало ?

Maybe_V

Новичок
Добрый день, в процессе разработки столкнулся с одной проблемой.
Использую плагин.

При нажатии на кнопку отправляется ajax запрос и возвращает с помощью
PHP:
$this->renderAjax()
вюха с полем тегов. Проблема в том, что в возвращаеться все без ошибки, но работает некорректно, посылаю запрос ajax и вставляю результат рендера в блок таким образом:

Код:
$.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">&nbsp;</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>
Прошу помочь разобратся в чем проблема, самому понять, что я делаю не так или где допустил ошибку не могу

Спасибо.
 
Сверху