Question

我正在尝试在我的CGridView中实现ajax搜索，而且我没有太多运气让它工作。

我的网格：

<?php $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'talent-grid',
    'dataProvider'=>$model->searchTalent(),
    'hideHeader'=>true,
    'template' => '{pager}{items}{pager}',
    'pager'=>array('cssFile'=>'/css/pager.css','header' => '',),
    'cssFile'=>'/css/client-grid.css',
    'columns'=>array(
        array(
            'name'=>'talent_id',
            'type'=>'raw',
            'value'=>'$data->getTalentGridRow($data)',
        ),
    ),
)); ?>

搜索表单：

<?php $form=$this->beginWidget('CActiveForm', array(
    'action'=>Yii::app()->createUrl($this->route),
    'method'=>'get',
)); ?>

    <div class="row">
        <?php echo $form->label($model,'full_name',array('class'=>'inline')); ?>
        <?php echo $form->textField($model,'full_name',array('size'=>60,'maxlength'=>64)); ?>
    </div>
    <div class="row">
        <?php echo $form->label($model,'gender_id',array('class'=>'inline')); ?>
        <?php echo $form->checkBoxList($model, 'gender_id',CHtml::listData(Gender::model()->findAll(), 'gender_id', 'name'),array('separator'=>'&nbsp;&nbsp;&nbsp;')); ?>
        <?php echo $form->error($model,'gender_id'); ?>
    </div>

    <div class="row buttons">
        <?php echo CHtml::submitButton('Submit'); ?>
    </div>

<?php $this->endWidget(); ?>

搜索模型：

public function searchTalent() {
    $criteria=new CDbCriteria;
    $criteria->compare('full_name',$this->full_name,true);

    if ($this->gender_id != "") {
        $criteria->compare('gender_id',$this->gender_id);
    }

    return new CActiveDataProvider($this, array(
        'criteria'=>$criteria,
        'pagination'=>array(
            'pageSize'=>30,
        ),
    ));
}

javascript：

Yii::app()->clientScript->registerScript('searchTalent', "
$('#search-form form').submit(function(){
    $.fn.yiiGridView.update('talent-list', {
        data: $(this).serialize()
    });
    return false;
});
");

控制器：

public function actionClients() {
    $model = new Talent('search');
    $model->unsetAttributes(); // clear any default values

    if (isset($_GET['Talent'])) {
        $model->attributes = $_GET['Talent'];
    }

    $this->render('clients', array(
        'model' => $model,
        'pages' => 10
    ));
}

js提交了火，但网格没有得到更新。不知道为什么。

Answer 1

您已在js中将gridview的id指定为talent-list，但原始ID为talent-grid，如窗口小部件初始化调用中所指定。因此将行更改为

Yii::app()->clientScript->registerScript('searchTalent', "
$('#search-form form').submit(function(){
    $.fn.yiiGridView.update('talent-grid', {
        data: $(this).serialize()
    });
    return false;
});
");

Ajax搜索和CGridView

1 个答案: