脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Extjs EditorGridPanel功能，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

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

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

&nbsp;

 

[javascript]
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自减1  
                        val.record.set("quantityLeft", val.record.get("quantityLeft") - (val.value - val.originalValue)); 
                    }  
                } 
            }); 

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自减1
      val.record.set("quantityLeft", val.record.get("quantityLeft") - (val.value - val.originalValue));
              }
    }
   });

 

 

 

 

 

 
 

 

 

 

 

效果图：

 

 

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Extjs EditorGridPanel功能全部内容，希望文章能够帮你解决javascript代码实例教程-Extjs EditorGridPanel功能所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。