Extjs GRID表格组件使用小结
2014-02-13 11:10
603 查看
可编辑表格的插件:
点击保存(按钮绑定事件略)
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 2//双击两次编辑 }); var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { clicksToMoveEditor : 1, autoCancel : false });
点击保存(按钮绑定事件略)
function saveChanges(){ var modifiedRecords = timedTaskStore.getModifiedRecords(); var modifiedRecNum = modifiedRecords.length; if(modifiedRecords==0)return; Ext.MessageBox.confirm( '变更数据','确定要修改'+modifiedRecNum+'条记录吗?',function(btnLabel){ if(btnLabel=='yes'){ grid.stopEditing(); grid.getEl().mask('数据传输中','x-mask-laoding'); var recordsToServer = []; Ext.each(modifiedRecords,function(record){ recordsToServer.push(record.data); }); recordsToServer = Ext.encode(recordsToServer); var lastOptions = store.lastOptions; //将当前分页数据一起发送至服务器 Ext.apply(lastOptions.params,{records:recordsToServer}); //ajax请求省略 timedTaskStore.commitChanges(); } } ); }
相关文章推荐
- 【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标
- ExtJS4 grid表格数据选取和使用
- 【ExtJs】与后台数据库交互的带分页表格组件grid的查询
- EXTJS 4 树形表格组件使用演示样例
- EXTJS 4 树形表格组件使用示例
- DHTMLX 表格组件(dhtmlxGrid )使用介绍
- [Sencha ExtJS & Touch] 表格(Ext.grid.Grid) 和 表格视图选项(Ext.grid.plugin.ViewOptions) 使用的时候要注意的问题
- Extjs学习总结之19表格组件gridpanel
- DHTMLX 表格组件(dhtmlxGrid )使用介绍
- EXTJS表格控件Grid的使用
- Extjs gridpanel使用遇到selectionchange被多次触发问题解决办法,grid表格复选框无法取消选中
- vue iview组件表格 render函数的使用方法详解
- 关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
- ExtJs Grid 表格内容链接的方法
- Web jquery表格组件 JQGrid 的使用 - 7.查询数据、编辑数据、删除数据
- extjs 配置与表格使用
- ExtJS 4 Grid组件
- [Ext JS 6 By Example 翻译] 第5章 - 表格组件(grid)
- ExtJS 4 官方指南翻译:Grid组件(上)
- extjs中form与grid交互数据(record)的方法使用