Ext.form.Label组件动态设置html值
作者:互联网
解决方法:
(1)用的是 Ext.getCmp(id).setText('XXXX')可以动态设置label 显示的文本值,但是文本中有个别数字需要改变颜色显示,需要加样式,这种方法会把加样式的标签(html)以文本的方式显示出来,而不会被浏览器解析。。。
(2) Ext.getCmp(id).getEl().update('XXXXX'),将要显示的文字和样式代码写到update()方法中即实现动态设置html的显示
动态调用代码:
var b = window.unitCount == undefined ? 0 : window.unitCount; Ext.Ajax.request({ url: "url", asynchronous: false, success: function (response) { //debugger var data = response.responseText; // data = Ext.decode(data); var result = eval("(" + data + ")"); if (result.num0 != "") { // var count = result.num0 + result.num1 + result.num3; // debugger // a.setText("已选择" + b + "个单位,共" + result.num + "个计划职位,其中未启动审批" + result.num0 + "个,已启动审批" + result.num1 + "个,审批结束" + result.num3 + "个"); // a.html("33已选择" + b + "个单位,共" + result.num + "个计划职位,其中未启动审批" + result.num0 + "个,已启动审批" + result.num1 + "个,审批结束" + result.num3 + "个"); Ext.getCmp("labelInfo").getEl().update("已选择<span style='color:red'>" + b + "</span>个单位,共<span style='color:red'>" + result.num + "</span>个计划职位") //,其中未启动审批<span style='color:red'>" + result.num0 + "</span>个,已启动审批<span style='color:red'>" + result.num1 + "</span>个,审批结束<span style='color:red'>" + result.num3 + "</span>个"); } // debugger else { Ext.Msg.alert('提示', '操作失败'); // me.Reload(); } }, failure: function () { Ext.MessageBox.alert("错误", "网络错误"); }, params: { departmentid: params.departmentid, Rids: params.ApprovalUnitID } });
Ext.getCmp("labelInfo").getEl().update("已选择<span style='color:red'>" + b + "</span>个单位,共<span style='color:red'>" + result.num + "</span>个计划职位")
效果:
标签:num0,form,Label,Ext,num,result,getCmp,审批 来源: https://www.cnblogs.com/mingqi-420/p/11400539.html