extjs label设置html,Extjs 动态改变label的文字和样式

动态改变label的文字、样式：

定义一个label  设置label的html(加上id，可以通过id获取，用innerhTML 动态插入html)，

//检查项列表下方分数统计

var score = new Ext.form.Label

({

id:"score",

autoShow:true,

autoWidth:true,

autoHeight:true,

hidden:false,

listeners:{

afterrender:function(){

setLabel();

}

},

hideMode:"offsets",//默认display,可以取值：display，offsets，visibility

cls:'',

html:''//默认""

});

//设置分值统计显示文字  通过调用该方法改变

function setLabel(){

var chaju = differ(tongji);    //这是我自己的业务代码，如复制代码记得修改

//score.setText('总分值：'+tongji+'分,'+chaju+'');

if(tongji != 100){

tj =  '

总分值: '+tongji+'分,'+chaju+'

';

}

if(tongji == 100){

tj = '

'+'总分值：'+''+tongji+'分,'+chaju+'

';

}

document.getElementById('score').innerHTML =tj;

}

效果：