Как запустить Krajee Select2 из js файла?

Question

[Messi]

Как можно подключить Select2в js файле для поля:

<?= $form->field($model->extra, 'birth_region_id')->dropDownList([]) ?>

чтобы это было равносильно подключению в php файле?

<?= $form->field($model->extra, 'birth_region_id')->widget(\kartik\select2\Select2::className(), []) ?>

Сейчас в js пишу:

$('.form').find('select[name*=birth_region_id]').select2()

, Select2 запускается, но совсем другой(та и по DOM отличается с тем который подключен через php)

Answer 1

[Дмитрий]

Доброй ночи.
В этом случае,

$('.form').find('select[name*=birth_region_id]').select2()

, Вы запускаете, скорей всего, не от kartik Select2, а совершенно другой. Посмотрите внимательно, возможно у Вас есть ещё один select2, который Вы и подключаете в скрипте.
И почему Вас не устраивает такое подключение в форме?

<?= $form->field($model->extra, 'birth_region_id')->widget(\kartik\select2\Select2::className(), []) ?>

p.s. При оформлении кода в вопросах пользуйтесь специальными тегами.

Comments

[Messi]

Это динамически добавляемое поле, поэтому нужно делать destroy select и re-init)
Спасибо.

[Дмитрий]

Messi, так почему в своём вопросе Вы это не указали? Как об этом догадаться? Как Вы добавляете этот список?

[Messi]

slo_nik, так суть вопроса не в динамическом добавлении, а в идентичном виде виджета при поключении через js

[Дмитрий]

Messi, так откуда берётся этот select2?
У меня подключён select2 от kartik, но таким макаром, как Вы подключаете выдаёт ошибку.

[Messi]

\kartik\select2\Select2Asset::register($this);

А в asset

public function init()
    {
        $this->setSourcePath(__DIR__ . '/assets');
        $this->setupAssets('css', ['css/select2', 'css/select2-addl']);
        $this->setupAssets('js', ['js/select2.full', 'js/select2-krajee']);
        parent::init();
    }

[Messi]

slo_nik, нашел причину. В js нужно указать theme : 'krajee'

[Дмитрий]

Messi, вот опять же, Вы не предоставили весь код, который отвечает у Вас за подключение виджета. И как можно догадаться что и где у Вас подключено?
А по поводу виджета от kartik могу сказать следующее. Он использует стандартный select2, дописывает функционал и оформляет это виждетом для yii2. В Вашем случае можно вообще не заморачиваться на установке виджета, тянуть кучу файлов. Можно просто скачать пару файлов и подключить так же - в Select2Asset.

Answer 2

[Максим Тимофеев]

А в чем проблема? Открываете код виджета:
https://github.com/kartik-v/yii2-widget-select2/bl...
и смотрите как он там инициализируется
Учтите что надо подключить css и js файлы нужные