Extjs 将grid的数据批量保存为arrayjson提交

最新推荐文章于 2022-09-26 14:02:11 发布

原创最新推荐文章于 2022-09-26 14:02:11 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #callback #json #email #url

Extjs 专栏收录该内容

98 篇文章

订阅专栏

本文介绍如何在ExtJS中使用GridPanel组件提取修改的数据，并将其转换为JSON格式提交到服务器端。具体步骤包括获取数据存储、遍历记录、判断记录有效性及编码数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用editgridpanel时，要提取出来修改的内容，

将其组装成json提交给后台

var store=Ext.data.StoreManager.lookup("gridStore");
			var jsonArray=[];
			var tempgrid="";
			store.each(function(record){
				//得到当前记录判断是否为空，及新增的最后一条
				var currentRecord=record.get("Name")+record.get("Password")
                                 +record.get("RPassword")+record.get("Email");
				currentRecord=Ext.util.Format.trim(currentRecord);
				if(currentRecord!=""){
					tempgrid=tempgrid+currentRecord;
					jsonArray.push(Ext.JSON.encode(record.data));
				}				
			});
			tempgrid=Ext.util.Format.trim(tempgrid);
			var resultJson=Ext.JSON.encode(jsonArray);

但还是注意的事 jsonArray.push(Ext.JSON.encode(record.data));

而不是jsonArray.push(Ext.JSON.encode(record));

record.data返回的是原始的json对象，而record封装了等多信息，导致encode不成功

var data={
		registerType:'groupGrid',
		groupData:resultJson
	 };
var config={
		url:'loginAction',
		method:'POST',
		jsonData:data,
		callback:function(opts,success,response){
					
                 }
	   };
Ext.Ajax.request(config);