动态设置extjs文本框的事件 50
在FieldSet中一共有3个查询条件,当选择第一个查询条件时,根据条件设置最后一个textfield的listeners事件。如何动态设置?...
在FieldSet中一共有3个查询条件,当选择第一个查询条件时,根据条件设置最后一个textfield的listeners事件。如何动态设置?
展开
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Extjs 4.2 demo</title>
<link rel="stylesheet" href="../resources/css/ext-all.css">
<script src="../bootstrap.js"></script>
<script>
Ext.onReady(function(){
Ext.create('Ext.form.FormPanel',{
width:250,
bodyPadding: '5 5 0',
fieldDefaults: {
labelWidth: 75
},
items:[{
xtype:'fieldset',
title: 'information',
defaultType: 'textfield',
layout: 'anchor',
defaults: {
anchor: '100%'
},
items :[{
fieldLabel: 'First',
name: 'first',
listeners:{
change:function(field,nv,ov,opts){
var lastfield = this.getBubbleParent().items.last();
lastfield.$ml && lastfield.un('focus',lastfield.$ml);
lastfield.$ml = function(){
Ext.Msg.alert('结果',Ext.String.format('第一个字段的值为:"{0}",最后一个字段的值为:"{1}"',nv,this.value));
};
//设置最后一个textfield的listeners
lastfield.on('change',lastfield.$ml,lastfield);
}
}
},{
fieldLabel: 'Second',
name: 'second'
},{
fieldLabel: 'Last',
name: 'last'
}]
}],
renderTo:Ext.getBody()
});
});
</script>
</head>
<body>
</body>
</html>
追问
我是个新手,没用extjs才2周不到,我这边项目用的3.2的版本,你写的我看不太懂,方便留个QQ询问吗?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询