yii_wiki_204_using-cjuidialog-to-edit-rows-in-a-cgridview（通过CJuiDialog在CGridView中修改行数据）

/***
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>