如何将jqgrid中编辑的多行传递给服务器控制器？

Question

我是 jqgrid 的新手。

我想传递在 jqgrid 中编辑的多行来传递 MVC 服务器控制器。 控制器需要 json 字符串类型的数据。

我的jsp如何将所有行传递给控制器​​？

jQuery("#save").click( 函数(){ 警报（“输入保存fn”）;

var gridData=jQuery("#gridList").jqGrid('getGridParam','data');

    jQuery.ajax({
      url         : '/uip/web/p2/saveEmployeeList.dev'
      ,type        : 'POST'
      ,cache       : false
      ,data        : JSON.stringify(gridData)
      ,contentType : 'application/json; charset=utf-8'
      ,dataType    : 'json'
  })         

});

我在控制器中打印出 HttpServletRequest 。存在一排。

即使是一点点线索也会有帮助。

Answer 1

如果我理解正确的话，您希望在编辑任何行后通过一个 Ajax 操作而不是 Ajax 请求保存所有编辑的行？

如果是这样，这可能是解决方案。您可以在配置中使用“clientArray”选项作为 URL 参数，而不是使用 Ajax。这会导致 jqGrid 在 JavaScript 内部保存每个已编辑的行，并且不会向服务器发布任何内容。

通过单击保存按钮，您可以执行以下操作：

var changedRows = [];

//changedRows is a global array
if($('#save-rows').length) {
    $('#save-rows').click(function() {
    var postData = {}

    $.each(changedRows, function(key) {
        postData[key] = $('#paymentsgrid').jqGrid('getRowData', this);
    });

    $.post(baseUrl + '/controller/action', {
        'data' : postData
    }, function(response) {
        $('<div></div>').html(response.content).dialog({
            'title' : 'Message',
            'modal' : true,
            'width' : 800,
            'height' : 400,
            'buttons' : {
                'OK' : function() {
                    $(this).dialog('close');
                }
            }
        });

        if(response.reload) {
            $('#grid').trigger('reloadGrid');
        }

    }, 'json');
    });
}

同样重要的是在网格中指定保存事件：

$('#paymentsgrid').jqGrid('saveRow', paymentController.lastsel, null, 'clientArray', null, function(rowId) {
    changedRows.push(rowId);
});

您可能应该修改或优化某些内容，但在基本情况下，这应该有效或让您了解如何完成你想要什么。