文档章节

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
粉丝 8
博文 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 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
3.1K
4
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
EZo = 易组 : 开发ExtJS接口风格的新利器

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

陈威宇
2012/08/16
653
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

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部