Yii2. Как регистрировать css при использовании pjax?

Question

[Богдан Пасечник]

Вопрос касается исключительно при работе на yii2 фреймворке.
Максимально кратко излагаю кодом. Это код представления.

\yii\widgets\Pjax::begin(['id' => 'pjax-container']);
if(Yii::$app->request->isPjax) {
    echo \yii\jui\DatePicker::widget([
        'name' => 'date',
        'value' => '',
    ]);
} else {
    echo \yii\helpers\Html::button('Load Pjax', ['onclick' => "$.pjax.reload({container:'#pjax-container'});"]);
}
\yii\widgets\Pjax::end();

Суть в том что при загрузке страницы css jquery-ui не загрузится потому что не проходит условие Yii::$app->request->isPjax.
Потому в хедере страницы не будет соответствующих стилей. Далее когда я делаю перезагрузку через pjax условие проходит. И стили должны загрузится. Но подключаются только js файлы и js код.
Причем если я делаю без использования pjax и в контроллере вызываю renderAjax. То в этом случае все работает нормально.
Еще более простой пример

\yii\widgets\Pjax::begin(['id' => 'pjax-container']);
if(Yii::$app->request->isPjax) {
    $this->registerCssFile('http://test.css'); // не регистрируется...
    $this->registerJsFile('http://test.js'); // регистрируется
}
echo \yii\helpers\Html::button('Load Pjax', ['onclick' => "$.pjax.reload({container:'#pjax-container'});"]);
\yii\widgets\Pjax::end();

Answer 1

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

1. Yii::$app->request->isPjax - это должно быть в контроллере, а не в view.
2. PJAX не для того придумали, что бы скрывать блоки. Зачем тут pjax. Делайте обычный рендер и используйте js для показа блока с datepiker-om или бутстраповский collapse getbootstrap.com/javascript/#collapse
3.

Причем если я делаю без использования pjax и в контроллере вызываю renderAjax. То в этом случае все работает нормально.

- потому что подобное делается без использования PJAX, Вы вообще понимаете зачем он и чем отличается от AJAX?
4. У Вас все работает именно так как должно. Просто Вы хотите через жопу нос почесать, а авторы фреймворка не думали, что кому-то придет в голову подобная идея.

Comments

[Богдан Пасечник]

1. Совсем не обязательно. Мало того указанный пример специально максимально упрощен. Вы критикуете hello world за вывод текста прямо с контроллера =)
2. Вы опять привязались к примеру и почему то предположили что я пытаюсь скрывать блоки. А я лишь максимально просто показал проблему регистрации стилей при выводе контента через pjax.
3. Отличие pjax от ajax примерно как отличие php от yii2 =) Принцип работы pjax очень прост. Это вкрапление динамического изменения элементов страниц с изменение url через pushState. Дополнительно yii2 по запросу понимает pjax запросы и вырезает контент с pjax виджета. Что между прочим совсем не обязательно.
4. Я с вами не согласен. Какой контент будет возвращать yii на запросы pjax скрипта это проблема сугубо yii. И то что yii на основе запроса вырезает необходимую часть это только фишка yii. За которую стоит их похвалить. Рассмотрим 2 сценария. 1. pjax должен возвращать ТОЛЬКО расположенный в нем контент. В этом случае мы не должны получить регистрацию js файлов при запросе. А мы получаем.
2. Yii должен регистрировать все необходимые скрипты при запросе. А в этом случае мы получаем ответ на регистрацию js. Но тогда почему не было регистрации css.
Я в примере указал что если часть контента мы выводим через View::renderAjax то проходит регистрация js и css. Что логично и правильно.
Теперь более реальный пример использования pjax который вызовет указанную мной проблему. Раз мой пример вам не понравился.
Каталог объектов. Через pjax мы отображаем подробнее объекта. И на странице подробнее мы регистрируем дополнительный css необходимый для отображения этой страницы. И итоге у нас та же проблема. Css не подгрузится.

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

Вы привели пример оторванный от Вашей задачи и считаете что получите ответ по задаче, а не по примеру? Да я критикую пример. Потому что Вы именно его привели и он нарушает принципы MVC и использует PJAX не по назначению. Я понятия не имею, что там у Вас в реальности.

[Богдан Пасечник]

Максим Тимофеев: в заглавии темы я написал что хочу выяснить как регистрировать css файлы при использовании pjax. Поскольку yii ведет себя очень странно. js файлы регистрируются, а css нет. Хотя логично если бы ничего не регистрировалось или наоборот все как это делает renderAjax.
Пример показывает регистрацию стилей при рендере через pjax. Я сделал еще более простой пример

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

Богдан Пасечник: Все логично. js подключаются в body, а css в head. Pjax заменяет часть контента, иногда это только блок, тогда и js не подключится, в Вашем случае цепляя js в body, видимо. В целом при правильном использовании он не должен цеплять не то не то.

[Богдан Пасечник]

Максим Тимофеев: Не должен, но цепляет. Пример из базовой версии yii. Потому ничего поломано быть не может. Потому использование правильно априори =)
Теперь по поводу регистрации в head. Хорошая попытка, но нет.
<?php
\yii\widgets\Pjax::begin(['id' => 'pjax-container']);
if(Yii::$app->request->isPjax) {
$this->registerCssFile('test.css');
$this->registerJsFile('test.js', ['position' => \yii\web\View::POS_HEAD]);
} else {
echo \yii\helpers\Html::button('Load Pjax', ['onclick' => "$.pjax.reload({container:'#pjax-container'});"]);
}
\yii\widgets\Pjax::end();
?>
js регистрирует, css нет.

[Богдан Пасечник]

Вообщем все стало на свои места. Это баг yii2 который кое как решили очищением стилей.
yii\widgets\Pjax - 144 row
// Do not re-send css files as it may override the css files that were loaded after them.
// This is a temporary fix for https://github.com/yiisoft/yii2/issues/2310
// It should be removed once pjax supports loading only missing css files
$view->cssFiles = null;
Причем если мы рендерим через renderAjax стили дублируются, а если через pjax они их чистят. Вообщем в одном случае забили. А в другом закрыли все.