Yii 框架之採用自帶的jquery庫實現ajax分頁

一:ajax有專門的Widget,你可以在視圖裏直接調用,比如用ajax驗證表單,寫法如下:

<?php $form=$this->beginWidget('CActiveForm', array(
        'id'=>'user-form',
        'enableAjaxValidation'=>true,
)); ?>
...表單內容...
<?php $this->endWidget(); ?>


二:分頁,範例如下:

$articles = array();
// 查詢條件
$criteria = new CDbCriteria();
$criteria->order = '`createdTime` DESC';
$criteria->addCondition("`typeId` = '1' AND `status` = '1'");
// 求總的記錄數
$count = Article::model()->count($criteria);
$pages = new CPagination($count);
$pages->pageSize = 10;
$pages->applyLimit($criteria);
$articles = Article::model()->findAll($criteria);


Yii ajax分頁:

我們有時候需要ajax讀取數據,並進行分頁。首先我們遇到的是如何載入樣式表,自動化習慣了後,一些基本的常識還是得知道的。

在載入頁面添加如下

$cs = Yii::app()->getClientScript();
$url=CHtml::asset(Yii::getPathOfAlias('system.web.widgets.pagers.pager').'.css');
$cs->registerCssFile($url);

OK,樣式表載入了,那麼如何進行分頁呢。這裏其實已經不是yii的功能了,而是Jquery。我們可以爲分頁的鏈接live一個click

如下,添加js,選擇器修改下

$('#search_list .yiiPager a').live('click',function(){
    $.ajax({
        url:$(this).attr('href'),
        success:function(html){
            $('#search_list').html(html);
        }
    });
    return false;
});

轉:http://www.yiichina.org/forum/thread-982-1-1.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章