文档章节

Extjs GRID表格组件使用小结

kongjun
 kongjun
发布于 2015/06/04 15:09
字数 129
阅读 33
收藏 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
杭州
程序员
Extjs MVC开发模式详解

在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成...

鱼煎
2017/11/02
0
0
Extjs GridPanel用法详解

创建GridPanel 要使用GridPanel,首先要定义Store,而在创建Store的时候必须要有Model,因此我们首先来定义Model: //1.定义ModelExt.define("MyApp.model.User", { }); 然后创建Store: //...

鱼煎
2017/11/02
0
0
使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转

使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转 今天,有人请教我处理办法,问题是: 一个Grid,选择某条记录后,单击编辑后,弹出编辑窗口(带编辑表单),编辑完成后单击保存按钮...

赵小宾
2013/10/20
0
0
ExtJS中get、getDom、getCmp、getBody、getDoc的使用

Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素,也就是类型为E...

Junn
2012/11/22
0
0
[翻译]Ext JS 教程-MVC架构

大规模的客户端应用程序常常难于去编写、组织机构和维护。随着你加入更多的功能,并且投入更多的开发人员,它们渐渐趋向于失去控制。ExtJS 4 带来了一种新的不仅仅能规整你的代码组织结构,而...

LeoXu
2013/06/03
0
5

没有更多内容

加载失败,请刷新页面

加载更多

android引入jar的一个错误

使用eclipse+sdk开发android的app,如果要引入一个jar包,可以放到./libs/xxx.jar路径下就可以了。今天引入一个aaa.jar的包,也放到./libs/aaa.jar路径下。app编译没有问题,但一运行就如下的...

kyle960
9分钟前
0
0
django修改密码强制退出机制

起因 BUG出现 系统升级django版本后经常出现自动退出登录 问题复现 系统升级django(大版本,如1.8、1.11和2.0)后,旧版与新版同时运行,同一各User用旧版authenticate验证后会导致新版中已...

张豪飞
17分钟前
0
0
SylixOS异常管理

异常管理   SylixOS提供了一种平台无关的异常管理方法。当系统产生了写时拷贝、缺页等MMU访问失效异常或其他种类异常时,SylixOS会在异常中构建异常处理线程执行陷阱,在异常退出后的任务上...

huikai309
18分钟前
0
0
Java HashMap 初始化赋值 (不建议)

1、HashMap 初始化的文艺写法 看完这段代码,很多人都会觉得这么写太啰嗦了,文艺青年一般这么来了: HashMap<String, String> map = new HashMap<String, String>() { { put("name", "test"...

SuShine
22分钟前
1
0
Lvs与Keepalived集群

一、LVS安装 1、[root@localhost ~]# yum install -y ipvsadm 2、[root@localhost ~]# vi /etc/sysctl.conf net.ipv4.ip_forward = 1 执行如下命令来应用: [root@localhost ~]# sysctl -p ......

freelb
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部