Question

我正在使用CGridView，其中我有一个CButtonColumn，我为其定义了一个按钮。没有调用“click”js。然后调用URL并完成。我想向用户显示确认但它从未出现过。根据文档，“click”是一个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 ...委托序列。

要实现您的功能，您可以执行其他操作：

使用jquery的ajax的beforeSend选项显示确认对话框，警告不是确认，顺便说一句。
使用jquery的ajax的success选项更新您的视图，或向用户显示重置已完成的消息。

CGridView CbutonColumn自定义按钮单击无法正常工作

1 个答案: