Как в yii2 вывести js скрипт перед закрывающим тегом?

Question

[AlexAll]

Привет, надо вывести js скрипт перед закрывающим тегом body , так как нужно вывести его после js кода стороннего расширения, которое всегда выводится после моего скрипта. А мне надо наоборот
Сразу пишу что это не помогает
position' => \yii\web\View::POS_END

Вот так во view я подключаю js фаил, строчкой выше этот то самое стороннее расширение

use zgb7mtr\colorPicker\ColorPicker;
$this->registerJsFile(Yii::getAlias('@web'). '/js/common.js', ['depends' => [\yii\web\JqueryAsset::className()], 'position' => \yii\web\View::POS_END]);

Comments

[Дмитрий]

Доброе утро.
Это View::POS_END как раз и помогает.
Показывайте, как подключаете и где подключаете свой код.
Только в вопрос добавляйте код, не в ответ на мой комментарий, так как мне лично он на фиг не нужен.

[AlexAll]

Дмитрий, дополнил вопрос

[Дмитрий]

AlexAll, немного не так поняли работу POS_END.
Сейчас скрипт подключается правильно, в конце страницы. Поменяйте на POS_HEAD и он подключится вверху.
Если хотите, чтобы Ваш скрипт подключался после скрипта стороннего расширения, то сделайте depends от стороннего скрипта.
Как Вы подключаете сторонний скрипт? Через AssetBundle?

[Дмитрий]

js кода стороннего расширения, которое всегда выводится после моего скрипта. А мне надо наоборот

AlexAll, зачем именно так? Если Ваш скрипт подключён перед сторонним скриптом, он не работает?

[AlexAll]

Дмитрий, Я не знаю как сторонний скрипт, я его вот так во вьюхе вывожу

<?= ColorPicker::widget([
                        'model' => $model,
                        'name' => 'border_color',
                        'value' => '#3d1b1b',
                        'options' =>  [
                            'style' => 'width:90px;',
                            'id' => 'border_color'
                        ]
                    ]);?>

Как сделать depends от стороннего скрипта?

Да мне нужно взять данные вывода этого скрипта, а точнее RGB цвет и применить, а поскольку он грузится после моего, у меня нет возможности это сделать

[Дмитрий]

AlexAll, если Ваш скрипт подключен перед сторонним скриптом он не работает?

[AlexAll]

Дмитрий,
Да мне нужно взять данные вывода этого расширения, а точнее RGB цвет и применить, а поскольку он грузится после моего, у меня нет возможности это сделать

[Дмитрий]

AlexAll, подключайте зависимость так же как и для JqueryAsset

[AlexAll]

Дмитрий, А как это сделать ? js этого расширения выводится просто внутри

[Дмитрий]

AlexAll, в документации сказано, что при POS_END скрипт подключится в конце раздела body. Это работает всегда.
Теперь о depends.
Если Вы укажите зависимость от \yii\web\JqueryAsset::class, то Ваш скрипт подключится после jquery, но перед остальными скриптами.



Если сделать зависимость от \yii\web\YiiAsset::class, то Ваш файл подключится после jquery и yii.js



Ну и так далее.

[Дмитрий]

AlexAll, а зачем Вам весь этот цирк с отловом значения через свой js?

Answer 1

[Sergey]

Вам надо сделать дополнительный AssetBundle, примерно следующего содержания:

namespace app\assets;
use yii\web\AssetBundle;
class CommonAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';

    public $js = [
        'js/common.js'
    ];

    public $depends = [
        'zgb7mtr\colorPicker\ColorPickerAsset'
    ];
}

И в нужном view файле зарегистрировать его

Comments

[AlexAll]

Спасибо, это то что надо

[AlexAll]

такой вариант тоже сработал

$this->registerJsFile(Yii::getAlias('@web'). '/js/common.js', ['depends' => [\zgb7mtr\colorPicker\ColorPickerAsset::className()]]);

[Sergey]

AlexAll, большинство, а может и все, виджеты имеют свой AssetBundle, и грузят его при инициализации виджета. Поэтому зависимости надо указывать к этим assets. Оба способа хороши, но через AssetBundle можно линковать файлы в папку @web/assets или вообще убрать из папки @web/js

Answer 2

[Дмитрий]

Думаю, что весь этот цирк с отловом значения через Ваш скрипт лишний.
Всё гораздо проще.

echo ColorPicker::widget([
   'name' => 'Test',
   'value' => '#CCCCCC',
   'options' => [
       'onchange' => '
             console.log($(this).val())
            // ВОТ ТУТ ДЕЛАЙТЕ ЧТО ХОТИТЕ, ХОТЬ ПО AJAX ОТПРАВЛЯЙТЕ, ХОТЬ КУДА ПРИСВАИВАЙТЕ.
        '
   ]
]);

Так что писать скрипт, который будет отлавливать значения виджета лишняя работа.
Написали бы сразу в вопросе как положено - не потребовалось бы морочить голову в комментариях.

Comments

[AlexAll]

Все гораздо сложнее чем Вы думаете, и портянки когда да и всю суть алгоритма, что и для чего, выкладывать не имеет смысла. Так же как и доказывать чего цирк, а что нет. Если бы не надо бы не делал.
Но за помощь благодарю)

Хотя вопрос так и не решен, буду пробовать костылить, так как этот сторонний виджет, все равно вставляет свой код в тегах script в самый конец

[Дмитрий]

что и для чего, выкладывать не имеет смысла.

AlexAll, тогда нет смысла писать тут вопрос.