如何在_view文件中的CViewList小部件中创建ajax删除链接

时间:2012-06-28 06:18:30

标签: yii

CGridView小部件已经具有查看,更新,检测选项。但我在我的基于jquery移动的项目中使用CListView小部件,但在创建删除选项的ajax链接时遇到问题。不知道如何在_view.php(视图文件)及其renderPartial()视图文件中创建一个ajax删除链接,以便在成功删除plz之后消失吧帮助提前感谢。这是用于编辑和删除的_view.php文件链接。

<?php 
echo CHtml::link(CHtml::encode($data->id), 
    array('editmember1', 'id' => $data->id), 
    array('data-role' => 'button', 'data-icon' => 'star')
);

echo CHtml::link(CHtml::encode($data->id), $this->createUrl('customer/delete', array('id' => $data->id)), 
    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' . $data->id)
   );

&GT;

1 个答案:

答案 0 :(得分:5)

发生这种情况是因为:

  1. 未调用正确的操作,因为您尚未设置jQuery.ajax()url属性。你应该知道Yii的CHtml::ajax是建立在jQuery的ajax之上的。所以你可以添加:

    CHtml::ajax(array(
      ...
      'url'=>$this->createUrl('customer/delete', array('id' => $data->id,'ajax'=>'delete')),
      ...
    ))
    

    同样在url中我传递一个ajax参数,以便操作明确知道它是一个ajax请求。

  2. 然后默认情况下控制器操作(即Gii生成的CRUD)要求请求为post类型,您可以在customer / delete操作行中看到:if(Yii::app()->request->isPostRequest){...}。所以你必须发送一个POST请求,再次修改ajax选项:

    CHtml::ajax(array(
      ...
      'type'=>'POST',
      'url'=>'',// copy from point 1 above
      ...
    ))
    
  3. 或者您也可以使用CHtml::ajaxLink()

  4. 要在删除后更新CListView,请致电$.fn.yiiListView.update("id_of_the_listview");。类似的东西:

    CHtml::ajax(array(
      ...
      'type'=>'POST',
      'url'=>'',// copy from point 1 above
      'complete'=>'js:function(jqXHR, textStatus){$.fn.yiiListView.update("mylistview");}'
      ...
    ))