Extjs grid如何为指定的列添加事件

最新推荐文章于 2022-07-09 11:01:47 发布

原创最新推荐文章于 2022-07-09 11:01:47 发布 · 6.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #header #编程

本文介绍如何在ExtJS Grid中实现数量与单价输入后自动更新金额。提供两种方法：一是通过renderer直接计算显示；二是利用afteredit事件进行更新。

var cm = new Ext.grid.ColumnModel([
{header : "测定项目",
 width : 150,
 sortable : true,
 dataIndex : "program",
 align : "center",
 listeners :{
        click:function(){
  alert("ssssss")
  }
 }

------------------

就是在Grid里面有数量、单价、和金额，如果填完数量或者单价，金额这一栏会自动编程数量乘以单价，希望得到你的帮助，谢谢！

一个是金额那列上面直接加  renderer : function(v,meta,record){return record.get('rate')*record.get('volume');}

另外一种方法就是：grid添加afteredit时间  
grid.on('afteredit',function(e){
var record = e.record;
var amt = record.get('rate')*record.get('volume');
record.set('amt',amt);
},this);