Extjs EditorGridPanel功能

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

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

  1. var gridPanel = new Ext.grid.EditorGridPanel({
  2.                 id : “id”,
  3.                 store : myStore,
  4.                 height : 350,
  5.                 clicksToEdit : 1,
  6.                 cm : columnModel,
  7.                 sm : selectionModel,
  8.                 viewConfig : {
  9.                     forceFit : true,
  10.                     enableRowBody : false,
  11.                     showPreview : false
  12.                 },
  13.                 listeners:{
  14.                     afteredit: function(val) {
  15.                         //列号对应store中的顺序
  16.                         Ext.ux.Toast.msg(“提示信息”, “列号:”+val.column + “行号:”+val.row);
  17.                         Ext.ux.Toast.msg(“提示信息”, “字段名:”+val.field +”原始值:”+val.originalValue + “现在值:”+ val.value);
  18.                         //用set方法进行修改数值,用get方法进行获取数值
  19.                         //下面的功能是quantityLeft自减1
  20.                         val.record.set(“quantityLeft”, val.record.get(“quantityLeft”) – (val.value – val.originalValue));
  21.                     }
  22.                 }
  23.             });

 

 

 

效果图:

标签