动态改变Label的值或样式:(备注当我们在使用Ext 的时候,难免会有需求记住曾经修改过的某一项,因此我们可以通过改变Label来达到目的)
代码:
var fieldLabel ="交管管夹";
var oldVal = Ext.getCmp('rgJggj');//加载时自动获取原ComboBox的值
var combo = new Ext.form.ComboBox({
name : 'rgJggj' ,
mode : 'local',
fieldLabel:fieldLabel,
hiddenName:'rgJggj',
readOnly:false,
id:'rgJggj',
triggerAction:'all',
anchor:'98%',
store:new Ext.data.JsonStore({
fields:['id','value']
}),
valueField: 'id',
displayField: 'value',
editable : false,
listeners:{'select':function(f){
//改变fieldLabel
if(f.getValue()==oldVal){//若旧值与新值相同,label 颜色变为黑色
Ext.query("*[for=rgJggj]")[0].innerHTML = "<font color=black>"+fieldLabel+":</font>";//关键
}else{ //若旧值与新值不相同,label 颜色变为红色
Ext.query("*[for=rgJggj]")[0].innerHTML = "<font color=red>"+fieldLabel+":</font>"; //关键
}
}}
});
如图:(修改前)
(修改后)