Jquery EasyUI数据网格将更改保存到数据库中

时间:2012-12-01 20:16:46

标签: jquery jquery-easyui

我正在使用jquery EasyUi数据网格。根据{{​​3}}

的文件

我已经建立了数据网格。现在我想要的是在datagrid中有一个函数acceptchanges我想一次性保存所有的表更改。我迫切希望明天部署项目。有什么建议吗?

2 个答案:

答案 0 :(得分:2)

var rows = $('#dg').datagrid('getRows');
$.each(rows, function(i, row) {
  $('#dg').datagrid('endEdit', i);
  var url = row.isNewRecord ? 'test.php?savetest=true' : 'test.php?updatetest=true';
  $.ajax(url, {
      type:'POST',
      dataType: 'json',
      data:row
  });
});

答案 1 :(得分:1)

当用户点击save时,您只需更新每一行即可。在演示中的saverow(target)函数中,target是保存链接,因此您可以使用以下内容获取行:

function saverow(target){

    var $row=$(target).closest('tr');
    /* map text of each cell to an array*/
    var cellData= $row.find('td').map(function(){
         return $(this).text();
    }).get();

     /* send array to server*/

    $.post('upDateUrl', { rowData : cellData}, function(response){
         /* do something with response*/
    })
};