Ext.form.Label组件动态设置html值
程序员文章站
2022-05-15 14:15:44
解决方法: (1)用的是 Ext.getCmp(id).setText('XXXX')可以动态设置label 显示的文本值,但是文本中有个别数字需要改变颜色显示,需要加样式,这种方法会把加样式的标签(html)以文本的方式显示出来,而不会被浏览器解析。。。 (2) Ext.getCmp(id).ge ......
解决方法:
(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>个计划职位")
效果:
上一篇: 有关css的兼容问题
下一篇: 韭菜虾仁如何制作,其实很简单
推荐阅读
-
javascript 动态设置已知select的option的value值的代码
-
javascript 动态设置已知select的option的value值的代码
-
详解VUE里子组件如何获取父组件动态变化的值
-
jQuery设置和获取HTML、文本和值示例
-
jQuery设置与获取HTML,文本和值的简单实例
-
jQuery动态设置form表单的enctype值(实现代码)
-
Ext.form.Label组件动态设置html值
-
react学习-react父组件给子组件传值与设置传值类型以及是否必传参数
-
动态插入后台返回代码并设置指定样式(插入组件)
-
PyQt5 技术篇-设置QTableWidget表格组件默认值实例演示,如何获取QTableWidget表格组件里的值,获取表格的行数和列数