editegrid提交修改后的数据

最新推荐文章于 2025-11-29 03:46:46 发布

原创最新推荐文章于 2025-11-29 03:46:46 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #json #JSP #HTML

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一段使用ExtJS框架中Grid组件的应用代码，展示了如何获取编辑过的表格数据并将其转换为JSON格式，最后通过POST请求提交到服务器端进行保存的过程。

一段应用别人的提交editgird（ext）修改后数据的代码

       showProcessMsg('正在保存数据, 请稍侯','正在保存中');

                Grid.stopEditing();

                var modifiedItems = Grid.getStore().modified;

                var jsonData = convertRecordsToJson(modifiedItems);

                form.submit({//form为html定义的form,此处用baseform

                        url:'xxxxxxxxxxxx.jsp',

                        method:'POST',

                        params:{data:jsonData},

                        successform,action){

                                Ext.MessageBox.hide();

                                Ext.MessageBox.alert('提示', '数据保存成功！共添加'+action.result.insertcount+'条,更新'+action.result.updatecount+'条.');

                        },

                        failure:form,action){

                                Ext.MessageBox.hide();

                                showError('错误', action.result.errors);

                        };

                });

//该函数用于将编辑过的Grid中的数据行对应的Store中的数据项转换成JSON

function convertRecordsToJson(items)

{

       if(items.length==0)

       {

           return '';

       }

       var  jsonData = "[";

        for(i=0;i<items.length;i++) {

                record = items;

                if(record.dirty) {

                        jsonData += Ext.util.JSON.encode(record.data) + ",";

                }

        }                                          

      jsonData = jsonData.substring(0,jsonData.length-1) + "]";      

      return jsonData;

}