Extjs EditorGridPanel功能

<1>功能:修改一列然后自动修改另一列

直接使用afteredit事件。当对一个单元格进行编辑完之后，就会触发afteredit事件，可以通过该事件处理函数来处理单元格的信息编辑。

var gridPanel = new Ext.grid.EditorGridPanel({id : "id",store : myStore,height : 350,clicksToEdit : 1,cm : columnModel,sm : selectionModel,viewConfig : {forceFit : true,enableRowBody : false,showPreview : false},listeners:{afteredit: function(val) { //列号对应store中的顺序Ext.ux.Toast.msg("提示信息", "列号："+val.column + "行号："+val.row);Ext.ux.Toast.msg("提示信息", "字段名:"+val.field +"原始值："+val.originalValue + "现在值："+ val.value);//用set方法进行修改数值，用get方法进行获取数值//下面的功能是quantityLeft自减1val.record.set("quantityLeft", val.record.get("quantityLeft") - (val.value - val.originalValue));} }});

效果图：

Extjs EditorGridPanel功能相关推荐

Extjs EditorGridPanel中ComboBox列的显示问题
EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容 ...
ExtJS EditorGridPanel 示例之Array格式Store前后台增删改查（不支持分页）
示例入口页面html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
程序入口html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
ExtJS EditorGridPanel 示例之Array格式（自定义Array解析器）Store前后台增删改查
本示例入口html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...
ExtJS EditorGridPanel 控制每一个单元格是否可以编辑
//loginUser 为当前登录人 //loginUser = '6651'; Ext.onReady(function() { Ext.QuickTips.init(); //空或零返回 tru ...
Extjs嵌入html
方式一:使用组件的html属性嵌入html代码,如果html代码中存在参数可以使用字符串拼接的方式拼接html代码. html页面: 1 <!doctype html> 2 <htm ...
Extjs——初步学习
最近在系统学习Extjs框架,从刚一开始接触Extjs到现在发现对Extjs越来越喜欢了.刚开始只是想在页面上实现一个展示大量图片的功能,就像在线订餐系统展示菜单的效果那样,每幅图片上都有一些 ...
extjs 引入html页面,Extjs嵌入html
方式一:使用组件的html属性嵌入html代码,如果html代码中存在参数可以使用字符串拼接的方式拼接html代码. html页面: Extjs中嵌入html Extjs代码: Ext.Loader. ...
ext Grid（三）
想让用户体验更高就应该让用户可以在自己刚刚查询出来的数据表格上进行数据编辑,可以进行增删改查.可编辑的表格就在在想要能编辑的列里注册一个TextField组件,这个组件需要使用Ext.grid.Gri ...
ExtJS4.x 开发环境搭建
需要的资源 ExtJS4.2 eclipse 开发环境搭建在项目中国需要引用的文件: eclipse中有报错.需要处理的是ext-lang-zh_CN.js,中文编码不能识别.右键->属性-& ...

Extjs EditorGridPanel功能

Extjs EditorGridPanel功能相关推荐

最新文章

热门文章