/*** 
Using CJuiDialog to edit rows in a CGridView   
 
http://www.yiiframework.com/wiki/204/using-cjuidialog-to-edit-rows-in-a-cgridview 
 
translated by php攻城师 
 
http://blog.csdn.net/phpgcs 
 
Scenario 
Solution 
Column hyperlink 
Javascript function 
 
**/  
  
/*** 
背景      Scenario 
***/   
  
我这里有一个 一系列的 clients/events 所属的 CGridView ， 对每一行 （eventClient）， 我想要实现快速的编辑 eventClient对话框。  
  
我的方法基于 这篇wiki http://www.yiiframework.com/wiki/145/cjuidialog-for-create-new-model/  
  
/*** 
 
解决方法  Solution  
 
***/  
  
首先基于 wiki 145 做了所有工作后， 再来 修改我们 的CGridView:  
  
Column hyperlink   
  
对每一列 ， 在js 函数中设置 _updateComment_url 属性 为需要的 url。  
  
array(  
    'name'=>'comment',  
    'header'=>'Comments',  
    'type'=>'raw',  
    'value'=>'CHtml::link(  
        ($data["comment"]?$data["comment"]:"(comment)"),  
        "",  
        array(  
            \'style\'=>\'cursor: pointer; text-decoration: underline;\',  
            \'onclick\'=>\'{  
                updateComment._updateComment_url="\'.  
                    Yii::app()->createUrl(  
                        "eventClient/updateComment",  
                        array("id"=>$data["id"])  
                    )  
                .\'";  
                updateComment();  
                $("#dialogComment").dialog("open");}\'  
            )  
        );',  
),  
  
  
Javascript function   
  
在同一个页面我们将 调用这个 动作的 updateComment() 方法包含进来。   
  
<script type="text/javascript">  
   
function updateComment()  
{  
    // public property  
    var _updateComment_url;  
   
    <?php echo CHtml::ajax(array(  
        'url'=>'js:updateComment._updateComment_url',  
        'data'=> "js:$(this).serialize()",  
        'type'=>'post',  
        'dataType'=>'json',  
        'success'=>"function(data)  
            {  
                if (data.status == 'failure')  
                {  
                    $('#dialogComment div.divComment').html(data.div);  
                    // Here is the trick: on submit-> once again this function!  
                    $('#dialogComment div.divComment form').submit(updateComment);  
                }  
                else  
                {  
                    $('#dialogComment div.divComment').html(data.div);  
                    setTimeout(\"$('#dialogComment').dialog('close') \",2000);  
   
                    // Refresh the grid with the update  
                    $.fn.yiiGridView.update('event-client-grid');  
                }  
   
        } ",  
    ))?>;  
    return false;  
   
}  
   
</script>