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

发布时间：2014-09-05 10:26:00作者：知识屋

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

（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）