Extjs中EditorGridPanel修改并获取数据的两种方式
来源:互联网 发布:java statement 编辑:程序博客网 时间:2024/06/05 21:15
有时候我们会使用Extjs的EditorGridPanel组件来实现必要的功能,然而当我们修改可编辑单元格值之后,我们怎么获取修改的数据呢?
例如:当需要修改EditorGridPanel组建中部分数据,并获取修改内容提交保存。实现方法有两种,一种是动态保存,一种是修改后批量保存。简单说明如下:
动态获取更新数据:
动态保存修改内容,可用监听实现,可到底怎样才能在单元格修改后触发呢?这里做简单说明。我们可以直接在EditorGridPanel组件对象中添加afteredit监听(也有beforeedit监听,若需要,也可使用),它的参数为当前修改,可在此监听中获取相应数据并通过ajax完成修改。可通过其参数获取如下数据:
e.row;//修改过的行从0开始
e.column;//修改列索引
e.originalValue;//原始值
e.value;//当前值
e.grid;//当前修改的grid
e.field;//正在被编辑的字段名
e.record;//正在被编辑的行数据
用例代码如下:
//...new Ext.grid.EditorGridPanel({clicksToEdit:1,forceValidation:true,frame : true,stripeRows:true,border:false,ds:ds,//配置数据源Storecm:cm,//配置列模型ColumnModelbbar:new Ext.PagingToolbar({pageSize:page,//页面大小参数pagestore:ds,displayInfo: true,afterPageText: '/ {0}',beforePageText: '页',firstText : "第一页",prevText : "上一页",nextText : "下一页",lastText : "最后页",refreshText : "刷新",displayMsg: '显示第 <em>{0}</em> 条到 <em>{1}</em> 条记录,一共 <em>{2}</em> 条',emptyMsg: "没有记录"}),loadMask:{msg:'数据加载中...'},listeners:{afteredit:function(e){//修改方法update(e.record.get("id"),e.field,e.value);} }})//...
批量获取更新数据:
批量获取修改数据,可通过Ext.data.Store对象的getModifiedRecords()方法得到当前已修改的所有行数据的数组,可循环获取其中所需数据,重新组装成我们想要的数据,再作为ajaxc参数进行提交,实现操作。
//...var arr = [];//声明空数组var records = ds.getModifiedRecords();Ext.each(records,function(record){//遍历行数据数组arr.push(record.data);});//...
0 0
- Extjs中EditorGridPanel修改并获取数据的两种方式
- extjs获取和传递数据的两种方式
- extjs的EditorGridPanel修改数据后怎样保存到数据库
- Extjs的EditorGridPanel修改数据后怎样保存到数据库
- Extjs中EditorGridPanel粘贴Excel复制的数据
- Extjs formpanel加载数据的两种方式
- Extjs editorgridpanel 没有数据显示
- ajax获取数据的两种方式
- Extjs EditorGridPanel的使用.(数据从后台读出) asp.net
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel中时间日期编辑问题的总结
- ExtJS EditorGridPanel 中 时间日期 编辑 问题的总结
- Extjs控件EditorGridPanel中使用自定义的editor
- Extjs控件EditorGridPanel中使用自定义的editor
- Extjs中GridSummary实现EditorGridPanel的合计功能
- Extjs EditorGridPanel中ComboBox列的显示问题
- Android之从网络中获取数据并返回客户端的两种方式:XML格式返回与Json格式返回
- 徐小平:不要用兄弟情谊来追求共同利益,要用共同利益追求兄弟情谊
- Xcode环境变量 build Settings 设置
- poj 1177 Picture(扫描线+矩形周长并)
- poj-2886 Who Gets the Most Candies?
- [hdu 4945]14多校第八场A 2048 状压DP+数论
- Extjs中EditorGridPanel修改并获取数据的两种方式
- Html5 Canvas 刮刮乐
- 自己动手写CPU之第七阶段(1)——简单算术操作指令说明
- 优先队列
- servlet和filter的异同
- Listview中显示不同的视图布局
- 字符串分割相关函数
- open source 之zlib
- ym—— OutputStream(新)