Question

Yii无限滚动扩展：“IasPager寻呼机”在clistveiw上更新ajax后无法正常工作。它在ajax调用之前工作正常但在更新listview之后调用ajax之后它无效。

$this->widget('zii.widgets.CListView', array(
   'id' => 'VideoList',
   'dataProvider' => $dataProvider,
   'itemView' => '_view',
   'template' => '{items} {pager}',
   'pager' => array(
                'class' => 'ext.infiniteScroll.IasPager', 
                'rowSelector'=>'.row', 
                'listViewId' => 'VideoList', 
                'header' => '',
                'loaderText'=>'Loading...',
                'options' => array('history' => false, 'triggerPageTreshold' => 2, 'trigger'=>'Load more'),
              )
        )
   );

Answer 1

我找到了解决方法，它运作正常。

<?php 
        $this->widget('zii.widgets.CListView', array(
                    'dataProvider'=>$dataProvider,
                    'itemView'=>'/products/viewProductList',
                    'summaryText'=>false,
                    'emptyText'=>"<p> Coming Soon!!</p>",
                    'id'=>'ajaxProductListView',
                    'cssFile'=>Yii::app()->baseUrl.'/css/mycustom.css',

                   'template' => '{items} {pager}',
                   'ajaxUpdate'=>true,
                    'pager' => array(
                        'class' => 'ext.infiniteScroll.IasPager', 
                        'rowSelector'=>'.ademo', 
                        'listViewId' => 'ajaxProductListView', 
                        'header' => '',
                        'loaderText'=>'Loading',
                        'options' => array('history' => false, 'triggerPageTreshold' => 1, 'trigger'=>'Load more'),
                    ),
                'afterAjaxUpdate'=>"function(id, data) {
                    $.ias({
                        'history': false,
                        'triggerPageTreshold': 1,
                        'trigger': 'Load more',
                        'container': '#ajaxProductListView',
                        'item': '.ademo',
                        'pagination': '#ajaxProductListView .pager',
                        'next': '#ajaxProductListView .next:not(.disabled):not(.hidden) a',
                        'loader': 'Loading...'
                    });
                }",
            ));?>

在clistview上进行ajax更新后，IasPager寻呼机无法正常工作

1 个答案: