extjs label设置html,Ext.form.Label组件动态设置html值

解决方法:

(1)用的是 Ext.getCmp(id).setText('XXXX')可以动态设置label 显示的文本值,但是文本中有个别数字需要改变颜色显示,需要加样式,这种方法会把加样式的标签(html)以文本的方式显示出来,而不会被浏览器解析。。。

(2) Ext.getCmp(id).getEl().update('XXXXX'),将要显示的文字和样式代码写到update()方法中即实现动态设置html的显示

2572a4e8a0d4937b6a43bc77350f749a.png

动态调用代码遇新是直朋能到:

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("已选择" + b + "个单位,共" + result.num + "个计划职位")//,其中未启动审批" + result.num0 + "个,已启动审批" + result.num1 + "个,审批结束" + result.num3 + "个");

}//debugger

else{

Ext.Msg.alert('提示', '操作失败');//me.Reload();

}

},

failure:function() {

Ext.MessageBox.alert("错误", "网络错误");

},

params: {

departmentid: params.departmentid, Rids: params.ApprovalUnitID

}

});

Ext.getCmp("labelInfo").getEl().update("已选择" + b + "个单位,共" + result.num + "个计划职位")

效果:

4556c0345ed14b6b7cf4fe7e5596167c.png

本文来源于网络:查看 >https://www.cnblogs.com/mingqi-420/archive/2019/08/23/11400539.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值