Question

Extjs给一个readonly添加值变化事件

以下是代码
{
header : '人工成本（元）',
dataIndex : 'cost',
editor : new Ext.form.NumberField({
allowBlank : true,
readOnly:true,
listeners:{
'change':function(value){
alert(value);
var selectionModel = Ext.getCmp('personcost_one').getSelectionModel();
var record = selectionModel.getSelected();
var jointime = record.get("joinTime");
if(jointime != undefined){
record.set("joinCost",value.getValue()*jointime);
}
}
}
})
}
我用的change时间，但是通过其他的文本框监听事件给它赋值或者改值change事件监听不到

选择人员后自动带出岗位和成本，自动赋值，change事件监听不到

Answer 1

你是怎么赋值的？

listeners : {

     change : function(field, val) {

          console.log(val);

     }

}

change 的第一个参数为 Ext.form.field.Field  ，也就是 控件对象，并不是值，第二个才是。

追问

我不是通过手动输入的，是通过Extjs提供是api直接用record.set()方法赋值的

追答

那你的赋值成功了吗？页面显示有变化吗？

追问

赋值成功了，显示出来了，但是就是不调用change监听

追答

change 监听 必须要 赋值给 new Ext.form.NumberField 这个对象，
而不是 grid 中的 record 。
也就是说你赋值给 grid 中的 record 后， Ext.form.NumberField 该控件只是
用你赋的值来初始化赋值，并没有产生变化。

追问

那怎么直接赋值给 Ext.form.NumberField 控件，而且添加多行的时候不冲突，或者有没有其他解决办法

追答

给你的 Ext.form.NumberField 控件 加 id ，比如 id : 'numberfield'

Ext.getCmp('numberfield').setValue('1'); // 这时你的 change 事件就会被调用了

追问

使用id这样添加多行会出现多个相同id冲突

追答

不会的，它只会获取当前激活的（就是当前编辑状态或当前焦点的）对象。
你的需求挺怪的，既然不用手动输入，为什么还要用 editor ?