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

Question

我正在使用jQuery EasyUi数据网格。根据文档在http://www.jeasyui.com/tutorial/datagrid/datagrid12.php

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

Answer 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*/ 
    }) 
}; 

Answer 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 
    }); 
});