2

Q : CgridVeiw を ajax で更新するにはどうすればよいですか?

ステータス : Cookie を使用しました。しかし、問題があります。ページのアップロード時であり、日付は常に開始日と終了日テキスト ボックスに表示されます。ページをリロードしてもクリアされません。

これが私の見解です

<?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'page-form',
    'enableAjaxValidation'=>true,
)); ?>
<div style="margin-top:30px;">


    <b>From :</b>
    <?php
    $this->widget('zii.widgets.jui.CJuiDatePicker', array(
        'name'=>'from_date',  // name of post parameter
        //'value'=>Yii::app()->request->cookies['from_date']->value,  // value comes from cookie after submittion
         'options'=>array(
            'showAnim'=>'fold',
            'dateFormat'=>'yy-mm-dd',
        ),
        'htmlOptions'=>array(
            'style'=>'height:20px;'
        ),
    ));
    ?>
    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <b>To :</b>
    <?php
    $this->widget('zii.widgets.jui.CJuiDatePicker', array(
        'name'=>'to_date',
        //'value'=>Yii::app()->request->cookies['to_date']->value,
         'options'=>array(
            'showAnim'=>'fold',
            'dateFormat'=>'yy-mm-dd',

        ),
        'htmlOptions'=>array(
            'style'=>'height:20px;'
        ),
    ));
    ?>
    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <?php echo CHtml::submitButton('Go'); ?>
    <?php
        echo CHtml::ajaxSubmitButton('Search', CHtml::normalizeUrl(array('index')),
                array(  
                    'success'=>'js:'
                    .'function(){'
                    .'$.fn.yiiGridView.update("acc-payment-recei-grid", {url:"index"});'                    
                    .'}',
                ),
                array('id'=>'go', 'name'=>'go'));

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


    <p style="float:right;">
        <a href="<?php echo "create"; ?>" class="btn btn-info">New Payment Receive</a>
    </p>
</div>
<style>
.items table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px
}

.items table tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px
}

</style>
<?php $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'acc-payment-recei-grid',
    'dataProvider'=>$accpaymentrecei->search(),
    //'filter'=>$accpaymentrecei,
    'columns'=>array(
        //'id',
        array('name' => 'acc_category_id',
               'value'=>'(isset($data->acccategories->name)) ? CHtml::encode($data->acccategories->name) :""',
        ),
        array('name' => 'acc_recei_id',
              'header'=> 'Account Received',
               //'value'=>'(isset($data->method)) ? CHtml::encode($data->method) :""',
        ),
        array(
            'name' => 'date',
            'value'=>'($data->date= 0) ? "" : date("d M yy",strtotime($data->date))',
        ),                
        array('name' => 'method',
               'value'=>'(isset($data->method)) ? CHtml::encode($data->method) :""',
        ),
        array('name' => 'description',
               //'value'=>'(isset($data->method)) ? CHtml::encode($data->method) :""',
        ),
        /*
        'created_date',
        'updated_date',
        'file_name',
        */
        array(
            'class'=>'CButtonColumn',
        ),
    ),
)); 

これがコントローラー

public function actionIndex()
{
    $accpaymentrecei=new AccPaymentRecei('search');
    $accpaymentrecei->unsetAttributes();  // clear any default values

    if(isset($_GET['AccPaymentRecei']))
        $accpaymentrecei->attributes=$_GET['AccPaymentRecei'];



    $acccategory = AccCategory::model()->findAll();

    $arr_method = array('Cash'=>'Cash', 'Cheque'=>'Cheque', 'Credit Card'=>'Credit Card', 'Bank Transfer'=>'Bank Transfer');


    $this->from_to_date($accpaymentrecei);
    //exit();
    $this->render('index',array(
        'accpaymentrecei'=>$accpaymentrecei,
        'acccategory'=>$acccategory,
        'arr_method'=>$arr_method,
    ));
}

protected function from_to_date($model)
{
    unset(Yii::app()->request->cookies['from_date']);  // first unset cookie for dates
    unset(Yii::app()->request->cookies['to_date']);

    //$model=new XyzModel('search');  // your model

    $model->unsetAttributes();  // clear any default values

    if(!empty($_POST))
    {
        Yii::app()->request->cookies['from_date'] = new CHttpCookie('from_date', $_POST['from_date']);  // define cookie for from_date
        Yii::app()->request->cookies['to_date'] = new CHttpCookie('to_date', $_POST['to_date']);
        $model->from_date = $_POST['from_date'];
        $model->to_date = $_POST['to_date'];
    }else{
        Yii::app()->request->cookies['from_date'] = new CHttpCookie('from_date', date("Y/m/d"));
        Yii::app()->request->cookies['to_date'] = new CHttpCookie('to_date', date("Y/m/d"));    
    }
}
4

1 に答える 1

2

以下のコード-これは単なる例であり、ソリューションの主な原則です。最初の原則:(送信による)ページの更新は必要ありません。要求後にCGridViewを更新するだけで済みます。

ソリューションにはいくつかの部分があります。

  1. いくつかのパラメータを持つフォームが必要です。あなたの場合-fromDatetoDate。あなたはすでにこれを持っています。ただし、submit要素は必要ありません。まったく!AJAXを使用します。

  2. AJAXリクエストを開始するための関数が必要です。たとえば、このリクエストのイベントは、パラメータ*from_date*または*to_date*の変更になります。この関数は、要求後にCGridViewも更新する必要があります。

  3. AJAXリクエストを処理するには、コントローラーでアクションが必要です。

パート2から始めましょう。次のようになります。

Yii::app()->clientScript->registerScript('scriptId',
    "var ajaxUpdateTimeout;
    var ajaxRequest;
    $('**selector_for_parameters_fields**').change(function(){  
        ajaxRequest = $(this).serialize();
        clearTimeout(ajaxUpdateTimeout);
        ajaxUpdateTimeout = setTimeout(function () {
            $.fn.yiiGridView.update(
// this is the id of the CGridView
                'acc-payment-recei-grid',
                {data: ajaxRequest}
            )
        },
// this is the delay
        300);
    });"
);

このコードを表示します。ノート:

$(this).serialize()-重要な瞬間。詳細情報を探す

selector_for_parameters_fields-それらに(fromDatetoDate)いくつかのユニークなセレクターを与える

delay不要なAJAXリクエストからの読み込みを減らすためにいくつか(300ミリ秒)を使用します

今-コントローラーでのアクションについて

public function actionIndex($fromDate='', $toDate='')       
{
  $criteria = new CDbCriteria();   
  if(!empty($fromDate))
    $criteria->addSearchCondition('your search condition about fromDate');    
  if(!empty($toDate))
    $criteria->addSearchCondition('your search condition about toDate');                 
   $dataProvider=new CActiveDataProvider('YourModel',
        array('criteria' => $criteria,));           
   $this->render('YourView',array('dataProvider'=>$dataProvider,)); 
 }

動作する必要がありますが、具体的な条件に合わせて調整する必要があります。

于 2013-01-28T17:54:49.763 に答える