我想用一个 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。
有人可以帮忙吗?谢谢!
最佳答案
经过一夜的 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)
},
这终于奏效了。所有数据都编码在一个字段中。当然在服务器上它必须被解码。
关于javascript - 使用单个 Ajax 请求保存整个 EditorGrid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5844210/