用于小部件的CListView afterAjaxUpdate事件

时间:2012-08-27 17:19:47

标签: yii yii-events

小部件可以在控制器视图上,也可以不在控制器视图上,以及一些影响listView的小部件。

我在CListView中的afterAjaxUpdate JS事件上停滞不前。小部件 - 是一个产品过滤器,用于更新列表视图。我的问题是当我想在更新列表视图后更新我的过滤器。 当然我可以在列表视图中配置更新代码,但我认为是错误的,因为此行为属于过滤器小部件。

我在小部件中尝试了这个

$("#' . $this->listViewId . '").yiiListView.settings.afterAjaxUpdate = function(id, data) {
    console.log(id, data);
};

但ListView js下面显然这是一个糟糕的解决方案。

我考虑了一些公共窗口小部件事件,因此我可以通过过滤器窗口小部件在listview窗口小部件中进行寻址并将事件放在那里。

也许某人遇到过相关问题或有更好的想法? 谢谢。

1 个答案:

答案 0 :(得分:1)

尝试这种方法为CListView添加afterAjaxUpdate方法。

<?php 
Yii::app()->clientScript->registerScript('handle_ajax_function', "
function addLoadingClass(id,result)
{
    $('.list-view-loading').show();
    $('li.previous').addClass('disable');
    $('li.next').addClass('disable');   
}
function removeLoadingClass(id,result)
{   
    $('li.previous').removeClass('disable');
    $('li.next').removeClass('disable');    
    try{
        $('.list-view-loading').hide(); 
    }catch(e){
        alert(e);
    }
}
");
?>

<?php
$this->widget('zii.widgets.CListView', array(
            'id'=>'handle',
            //'ajaxUpdate'=>false,
            'dataProvider'=>$data,
            'beforeAjaxUpdate'=>'addLoadingClass',
            'afterAjaxUpdate'=>'removeLoadingClass',
            'itemView'=>'myview',           
    )); 
?>