Почему не работают скрипты подключенные через RenderAjax?

Question

[Duh]

RenderAjax подключает скрипты

и почему то они не срабатывают! Ошибок не выдает.

p.s. Код

return $this->renderAjax('articlesearch', [
           'dataProvider' => $dataProvider
]);

articlesearch.php

echo ListView::widget([
            'dataProvider' => $dataProvider,
            'options' => [
                'tag' => false
            ],
            'itemOptions' => [
                'class' => 'item',
                'tag' => false,
            ],
            'emptyText' => 'Записей не найдено',
            'summary' => false,
            'itemView' => '_ajaxList',
            'pager' => [
                'class' => ScrollPager::className(),
                'triggerText' => 'Еще',
                'noneLeftText' => 'Записей нет',
                'spinnerSrc' => '',
                'spinnerTemplate' => '',
                'enabledExtensions' => [
                    ScrollPager::EXTENSION_SPINNER,
                    ScrollPager::EXTENSION_NONE_LEFT,
                    ScrollPager::EXTENSION_PAGING
                ],
                'eventOnScroll' => 'function() {console.log(1)}',
            ]
        ]);

Comments

[Дмитрий]

Добрый вечер.
А где Ваш код?

[Duh]

slo_nik, Здравствуйте!

return $this->renderAjax('articlesearch', [
           'dataProvider' => $dataProvider
]);

articlesearch.php

echo ListView::widget([
            'dataProvider' => $dataProvider,
            'options' => [
                'tag' => false
            ],
            'itemOptions' => [
                'class' => 'item',
                'tag' => false,
            ],
            'emptyText' => 'Записей не найдено',
            'summary' => false,
            'itemView' => '_ajaxList',
            'pager' => [
                'class' => ScrollPager::className(),
                'triggerText' => 'Еще',
                'noneLeftText' => 'Записей нет',
                'spinnerSrc' => '',
                'spinnerTemplate' => '',
                'enabledExtensions' => [
                    ScrollPager::EXTENSION_SPINNER,
                    ScrollPager::EXTENSION_NONE_LEFT,
                    ScrollPager::EXTENSION_PAGING
                ],
                'eventOnScroll' => 'function() {console.log(1)}',
            ]
        ]);

[Дмитрий]

haa, ну мне лично Ваш код на фиг не нужен!!! Зачем он в ответе на комментарий?
Вы используете сторонний класс - ищите ответ в документации разработчика.

[Дмитрий]

haa, попробуйте возвращать не весь виджет через ajaxRender(), а только содержимое представления для ListView()
'itemView' => '_ajaxList',

[Duh]

slo_nik, код добавил после вопроса. Использую https://kop.github.io/yii2-scroll-pager/. По документации все посмотрел, пробовал разные способы но все равно безрезультатно. Не совсем понял, про возвращать только содержимое для ListView.

[Дмитрий]

haa, да то я что-то не то написал... потом уже подумал.
Зачем Вам возвращать виджет целый в ajaxRender()? Изначально он не может быть на странице?

[Duh]

slo_nik, если целый виджет не возвращать, то что возвращать, я не могу понять) Изначально не может быть. При загрузки страницы через Vue загружается.

Vue.component('search-post', {
    props: ['result'],
    template: '<div class="row list-view" v-html="result"></div>'
})

var app = new Vue({
    el: '#last-posts',
    data: {
        text: '',
        result: null,
    },
    methods: {
        articleSearch: function(e) {
            var vm = this
            axios.get('/search', {
                params: {
                    texts: this.text
                }
            }).then(function (response) {
                console.log(response);
                vm.result = response.data
            }).catch(function (error) {
                console.log(error)
            })
        }
    },
    mounted: function (e) {
        this.articleSearch(e);
    }
})

ну и сам вывод
<search-post :result="result"></search-post>

Answer 1

[Duh]

1) Изменил renderAjax -> renderPartial
2) Убрал из ListView

'options' => [
     'tag' => false
],

3) Вручную подключил плагин https://infiniteajaxscroll.com/ для прокрутки
4) Инициализируем плагин https://infiniteajaxscroll.com/

$script = <<< JS
            var ias = jQuery.ias({
                container:  ".list-view",
                item:       ".item",
                pagination: ".pagination",
                next:       ".next a"
            });
        
        
            ias.extension(new IASSpinnerExtension());
            //ias.extension(new IASTriggerExtension({offset: 1}));
            ias.extension(new IASNoneLeftExtension({text: "You reached the end"}));
JS;
$this->registerJs($script, yii\web\View::POS_READY);