2012-03-08 51 views
5

我有关于分页和Ajax形式的问题。Yii CListview - >分页和AjaxLink/ajaxButton

这里是我的Controller代码:

$dataProvider = new CActiveDataProvider('User', array(
     'pagination'=>array(
       'pageSize'=>10, 
     ), 
)); 

$this->render('users',array(
    'dataProvider'=>$dataProvider, 
)); 

对于视图 - >用户:

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider, 
    'itemView'=>'_user', 

);

对于渲染_users:

echo CHtml::ajaxLink($text, $this->createUrl('admin/deleteuser',array('id'=>$data->iduser)), array('success'=>"js:function(html){ alert('remove') }"), array('confirm'=>_t('Are you sure you want to delete this user?'), 'class'=>'delete-icon','id'=>'x'.$viewid)); 

如果我有在数据库中,将仅示出10 15行和将生成用于下一个5.前10行分页(ajaxUpdate =真)具有没有问题ajaxLink是因为生成了clientscript,但问题在于当我转到下一页时,ajaxLink无法正常工作,因为它不是由分页生成的。

有什么想法吗?谢谢

+2

你必须**解释**什么是错误的,而不是只是把代码和期望的答案 – 2012-03-08 11:29:17

+0

哪里是你正在面临的描述? – 2012-03-08 20:27:41

+1

对不起,我以为我已经把问题..再次对不起 – butching 2012-03-09 07:25:49

回答

0

不完全确定,但考虑到过去的经验,我认为问题出在listview小部件本身。

如果小部件的所有者是控制器,则它使用renderPartial来渲染项目视图。 Renderpartial拥有或者不知道“processOutput”参数,对于大多数AJAX魔术(默认为FALSE),该参数需要设置为TRUE。

因此,也许你可以尝试只是派生一个listview的类,并在“renderItems()”的那里添加一个副本。在那里您必须更改它,以便使用正确的参数调用renderPartial。

+0

当我点击下一页,因为它是ajax我看到在控制台(萤火虫)的结果,我看到ajaxLink jscode已生成,但它仍然不能在母文件。 – butching 2012-03-12 05:15:25

+0

大多数Ajax链接的东西需要一些“在文档就绪”的代码来绑定到事件等,这是不会被添加到processOutput == FALSE返回的结果。 – Blizz 2012-03-12 07:04:00

1

另一种方法,请检查post in the yii forum。所以,你的代码会变成这样:

echo CHtml::link($text, 
    $this->createUrl('admin/deleteuser',array('id'=>$data->iduser)), 
    array(// for htmlOptions 
     'onclick'=>' {'.CHtml::ajax(array(
      'beforeSend'=>'js:function(){if(confirm("Are you sure you want to delete?"))return true;else return false;}', 
      'success'=>"js:function(html){ alert('removed'); }")). 
     'return false;}',// returning false prevents the default navigation to another url on a new page 
    'class'=>'delete-icon', 
    'id'=>'x'.$viewid) 
); 

你确认被移动到jQuery的ajax功能的beforeSend回调。如果我们从beforeSend返回false,则不会发生ajax调用。

另一项建议,你应该使用post变量代替get,而且如果可以的话,移动到索引视图function Ajax调用,并且只包括从所有链接onclick事件的函数调用。

希望这会有所帮助。

+0

是的,我只是读了,我想我没有其他的选择,所以我创造了一些想法..只是把代码afterAjaxUpdate – butching 2012-03-12 09:27:58

+0

行..那是另一种方式来做到这一点 – 2012-03-12 09:41:39

0

在控件CListView中,我加入afterAjaxUpdate

$jsfunction = <<< EOS 
js:function(){ 
    $('.delete-icon').live('click',function(){ 
     if(confirm('Are you sure you want to delete?')) 
     { 
     deleteUrl = $(this).attr('data-href'); 
     jQuery.ajax({'success':function(html){ },'url':deleteUrl,'cache':false}); 
     return false;  
     } 
     else 
     return false; 
    }); 
    } 
EOS; 

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider, 
    'id'=>'subscriptionDiv', 
    'itemView'=>'_subscription', 
    'afterAjaxUpdate'=>$jsfunction, 
    'viewData'=>array('is_user'=>$is_user,'all'=>$all), 
    'htmlOptions'=>($dataProvider->getData()) ? array('class'=>'table') : array('class'=>'table center'), 
) 
); 

,并在_user刚刚添加的属性数据的href

<?php echo CHtml::ajaxLink($text, $this->createUrl('admin/deletesubscription',array('id'=>$data->idsubscription)), 
      array('success'=>"js:function(html){ $('#tr{$viewid}').remove(); }"), 
      array('confirm'=>_t('Are you sure you want to unsubscribe?'), 
       'class'=>'delete-icon', 
       'id'=>'x'.$viewid, 
       'data-href'=>$this->createUrl('admin/deletesubscription',array('id'=>$data->idsubscription))     
       )); ?> 
0

尝试

$this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider, 
    'itemView'=>'_user', 
    'enablePagination' => true, 
); 

如果不解决,请尝试在数据提供者选项中包含记录的总数 -

'itemCount' => ....., 
相关问题