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>

• 上一篇：yii_wiki_216_update-delete-model-with-cjuidialog-works-in-cgridview（通过CJuiDialog在CGridView中CRUD）
• yii_wiki_145_yii-cjuidialog-for-create-new-model （通过CJuiDialog来创建新的Model）：下一篇