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>
补充:Web开发 , php ,