javascript - 使用单个 Ajax 请求保存整个 EditorGrid

Question

我想用一个 Ajax 请求保存一个 ExtJS (3.3.1) editorgrid。

我创建了一个基于 ArrayStore 的 editorgrid。

var store = new Ext.data.ArrayStore({
    data: arrayData,
    fields: [ 'id', 'qty', 'idService', 'idSubscription', 
                      'description', 'vat', 'amount' ]
});
    [...]
var grid = {
    xtype: 'editorgrid',
    store: store,
    view: gridView,
    colModel: colModel,
    selModel: selModel,
    stripeRows: true,
    tbar: tbar,
    autoHeight: true,
    width: 872,
    clicksToEdit: 1
};

我使用以下处理程序创建了一个保存按钮:

app.inv.saveButtonHandler = function () {
    var myForm = Ext.getCmp("formHeader").getForm();
    if (!myForm.isValid()) {
        Ext.MessageBox.alert('Form Not Submitted', 
                        'Please complete the form and try again.');
        return;
    }
    myForm.el.mask('Please wait', 'x-mask-loading');
    Ext.Ajax.request({
        params: { 
            idCustomer: myForm.findField("idCustomer").getValue(),
            issueDate: myForm.findField("issueDate").getValue(),
            documentType: myForm.findField("documentType").getValue(),
            documentNumber: myForm.findField("documentNumber").getValue()           
        },
        url: 'save-sales-document-action',
        method: 'POST',
        success: function (response, request) {
            myForm.el.unmask();
            Ext.MessageBox.alert('Success', 'Returned: ' + response.responseText);
        },
        failure: function (response, request) {
            myForm.el.unmask();
            Ext.MessageBox.alert('Failed', 'Returned: ' + response.responseText);
        }
    });
};

换句话说，我可以发送具有简单值的表单元素，但我不知道如何发送整个数据网格。我想用一个 Ajax 请求发送整个数据网格。

之前我已经使用过逐格保存的方法，但在这种情况下我更愿意一次性保存整个网格。我不需要服务器端的帮助，我会用 Java 来完成，只需要客户端的 JavaScript。

有人可以帮忙吗？谢谢!

Answer 1

经过一夜的 sleep 仍然没有答案，我做了进一步的尝试，我可以回答我自己的问题。无论如何，我都会让这个问题悬而未决，以防有人知道更好的方法。

为了解决我的问题，我将属性“storeId: 'gridStore'”添加到 ArrayStore，这样我可以稍后使用 Ext.StoreMgr.lookup() 找到商店，然后，为了节省时间，我继续重新 -通过以下方式逐条记录构建数组:

var gridData = new Array();
Ext.storeMgr.lookup('gridStore').each(function (record) {
    gridData.push(record.data);
});

关键部分是我没有得到整个记录，而只得到它的数据字段。

在我得到一个包含数据的数组之后，简单的部分是将它添加到 Ajax.request 的参数中:

params: {
    ...
    gridData: Ext.encode(gridData)
},

这终于奏效了。所有数据都编码在一个字段中。当然在服务器上它必须被解码。