CGridView CbutonColumn自定義按鈕單擊不工作

Question

我正在使用一個CGridView，其中我有一個CButtonColumn，我已經定義了一個按鈕。 「click」js沒有被調用。 URL被調用並完成。我想向用戶顯示確認信息，但它永遠不會顯示。根據文檔'點擊'是一個JS功能被點擊後被調用，但它不適合我。

$this->widget('zii.widgets.grid.CGridView', array(
      'dataProvider'=>$model->search(), 
      'filter'=>$model, 
      'columns'=>array(
        'id', 
        'name', 
        'question', 
        'created',      
        array(
          'class'=>'CButtonColumn', 
          'header'=>'Reset', 
          'template'=>'{reset}', 
          'buttons'=>array(
            'reset'=>array(
              'label'=>'Reset', 
              'click'=>'function(){alert("Are you sure?");}', 
              'imageUrl'=>Yii::app()->request->baseUrl.'/images/reset.png', 
              'url'=>'Yii::app()->createUrl("favs/reset", array("id"=>$data->id))',           
              'options'=>array(
                'ajax'=>array(
                  'type'=>'POST', 
                  'url'=>"js:$(this).attr('href')",                
                ), 
              ), 
            ), 
          ),      
        ),      
      ), 
    )); 

Answer 1

這有事情做與被Yii爲你的代碼生成的jQuery的：

jQuery('#your-grid-id a.reset').live('click',function(){alert("Are you sure?");}); 
/* more jquery ... 
... 
... 
*/ 
jQuery('body').undelegate('#yt1','click').delegate('#yt1','click',function(){jQuery.ajax({'type':'GET','url':$(this).attr('href'),'cache':false,'data':jQuery(this).parents("form").serialize()});return false;}); 
// similar jquery follows for the other rows of the grid view 

正如你所看到的，<a>標籤的單擊事件處理程序是首先你提供報警功能，使用click選項。
然後，稍後使用undelegate刪除此單擊事件處理程序，並使用delegate添加另一個處理程序，這是因爲您已添加ajax選項而發生的。
如果您刪除了ajax選項，您將看到對話框，您將看到undelegate ...委託序列已從生成的代碼中刪除。

實現自己的功能，你可以做別的事情：

1. 使用jQuery的阿賈克斯beforeSend選項來顯示確認對話框，警告不確認，順便說一句。
2. 使用jQuery的ajax的success選項來更新您的視圖，或向用戶顯示重置已完成的消息。