动态改变 Label

来源：互联网发布：白无常电商美工教学编辑：程序博客网时间：2024/05/01 00:59

动态改变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>";  //关键     }   }}});

如图：（修改前）

（修改后）