大概流程是这样的, 首先获得store中修改过的数据,然后放到json数组里, 用ajax发送给后台,最后根据后台的操作显示成功或失败信息。
store.modified.slice(0), 本来store.modified就是经过修改的数组了,为啥还要slice(0)呢?这里主要是怕对原数据造成影响。slice()函数是对数组进行切割,0说明从第一个元素一直切到最后,这样就等于复制了一个数组,你再修改获得的数组,就不会对原来的数组产生影响。
下面把这些数组装成简单数组,因为m里的都是Record,不是简单对象,咱们只需要里边的数据,所以只需要取出Record的data属性就可以了。其实使用普通循环也能实现,不过这里我们还是玩玩ext提供的each()函数。
Ext.each(array, fn), 这里用的两个参数,第一个是数组, 第二个是函数, 启动each()后,会循环数组里面的每个元素,然后一个个的传给回调函数处理,这是简化循环的一种途径。
代码如下:
text: '保存',
handler: function(){
var m = store.modified.slice(0);
var jsonArray = [];
Ext.each(m, function(item) {
jsonArray.push(item.data);
});
Ext.lib.Ajax.request(
'POST',
'11_03_01.jsp',
{success: function(response){
Ext.Msg.alert('信息',response.responseText, function(){
store.reload();
});
}, failure: function(){
Ext.Msg.alert("错误", "与后台联系时的时候出现了问题");
}},
'data=' + encodeURIComponent(Ext.encode(jsonArray))
);
}