文档章节

Extjs GRID表格组件使用小结

kongjun
 kongjun
发布于 2015/06/04 15:09
字数 129
阅读 34
收藏 1

可编辑表格的插件:

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();
			}
		}
	);
}


© 著作权归作者所有

共有 人打赏支持
kongjun
粉丝 7
博文 98
码字总数 40811
作品 0
杭州
程序员
私信 提问
FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架

FineUI v3.3.0 更新的内容非常多,所以一下子从 v3.2.6 连跳 3 个小版本,直接来到了 v3.3.0。 主要的更新有如下几个方面: 外置ExtJS库 去AXD化 表格合计行 表格可编辑单元格的增删改 顶部菜...

三生石上
2013/06/17
4K
7
FineUI v4.0.3 (beta) 和 FineUI v3.3.3 发布了!

关于FineUI: 基于 ExtJS 的开源 ASP.NET 控件库 FineUI的使命: 创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序 支持的浏览器: IE 8.0+、Chr...

三生石上
2014/01/20
2.5K
5
FineUI v3.3.1 发布了!

关于FineUI 基于 ExtJS 的专业 ASP.NET 控件库。 FineUI的使命 创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。 支持的浏览器 IE 7.0+、Firef...

三生石上
2013/07/29
3K
4
EZo = 易组 : 开发ExtJS接口风格的新利器

前言 AJAX的解决方案非常多,其中ExtJS以具备丰富的组件与详细说明文件而著名,也深受企业用户与广大开发者喜爱。 笔者多年前在参与某个项目时,因为要提升网页的美观与易用性,在评估解决方...

陈威宇
2012/08/16
638
8
FineUI v3.2.5 发布了!(支持IE10)

关于FineUI 基于 ExtJS 的专业 ASP.NET 2.0 控件库。 FineUI的使命 创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。 支持的浏览器 IE 7.0+、F...

三生石上
2013/04/28
4.6K
7

没有更多内容

加载失败,请刷新页面

加载更多

编程价值观、原则、模式

读自《实现模式》 模式,即是针对特定问题的通用解决方案。 每个模式都承载这一点点理论,但实际编程中存在着一些更加深远的影响力,远不是孤立的模式所能概括的。 价值观是编程过程的统一支...

遥借东风
12分钟前
1
0
php分割二级域名做跳转处理方法

使用php中的全局变量 $_SERVER['HTTP_HOST'] ,可以获得用户当前访问的域名字符串,在这里面查询自己定义的各个子域名字符串,然后使用header函数重定向到不同的页面 代码如下 if( strpos($...

Mr_Azaz
14分钟前
1
0
容器之Zookeeper的使用

我们使用zookeeper时,都是在Linux上安装zookeeper,之后启动时要加入配置文件。 使用docker之后,我们可以直接使用镜像运行容器,镜像可以从docker.hub上下载,地址是https://hub.docker.co...

克虏伯
昨天
3
0
esxi 更换ssl证书

概述 就是想换一个证书而已,你可以通过下面的途径去申请一个泛解析域名的证书之后再esxi上安装上 使用阿里云域名api申请Let’s Encrypt泛域名免费ssl证书 申请完成证书之后进行下一步 操作 ...

bboysoulcn
昨天
1
0
PLC编程入门:梯形图

梯形图(LAD)是PLC编程的最佳可视化语言,它看起来非常类似于继电器电路图,因此如果 你对继电器控制和电子电路有所了解的话,那么学起来会非常容易! 在这个教程中,我们将学习关于使用梯形...

汇智网教程
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部