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>个计划职位")
效果:

Ext.form.Label组件动态设置html值的更多相关文章
- 98.Ext.form.Label组件的基本用法
转自:https://www.cnblogs.com/kelly/archive/2009/06/05/1496897.html 本篇介绍Ext.form.Label组件的基本用法: 这里通过上一篇介 ...
- Javascript - ExtJs - Ext.form.Panel组件
FormPanel组件(Ext.form.FormPanel) logogram:Ext.form.Panel | xtype:form Ext.form.Panel.配置 frame }//旗下所有 ...
- android 动态设置TextView值,例:金额添加
一说到动态递增设置TextView值,非常多人应该立即就想到起个线程,让后在线程中睡眠指定时间,使用handler发送消息更新TextView值! 这样是实现了动态递增设置TextView值可是效率不 ...
- android 动态设置TextView值,例:金额增加
一说到动态递增设置TextView值,很多人应该马上就想到起个线程,让后在线程中睡眠指定时间,使用handler发送消息更新TextView值! 这样是实现了动态递增设置TextView值但是效率不咋 ...
- Vue 父组件传递给子组件,设置默认值为数组或者对象时
在vue 父子组件传参过程中,传递对象或者数组时,设置默认值为{}或者[] 错误写法: props: { pos: { type: [Object, Array], default: []//这是错误 ...
- JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var o ...
- VUE里子组件获取父组件动态变化的值
在VUE里父组件给子组件间使用props方式传递数据,但是希望父组件的一个状态值改变然后子组件也能监听到这个数据的改变来更新子组件的状态. 场景:子组件通过props获取父组件传过来的数据,子组件存在 ...
- 解决laydate动态设置初始值的问题
//初始化//注意:我这里是时间范围选择,所以定义了range属性.var timeScope = laydate.render({ elem: '#time_scope', range: '~', ...
- js 动态设置键值对数组 ,类似于 java 的Map 类型
1.前言 我想设置一个数据 var json = {a1 :1 , a2 :2 , a3 :3 .....} 这样的动态数据 ,怎么写呢? 2.正确写法 var json = []; for ...
随机推荐
- 维护带修改区间 K 小值
就是在原来的主席树模板上加上一条将x上的值修改为k 待我们仔细想想之前静态的区间Kth怎么实现的... 我们仍然需要维护前缀和,而只是在以前的代码里面加上单点修改的操作,那么你要每次要修改的前缀和就有 ...
- 非root用户安装、配置mysql
1. 下载mysql,可能是因为服务器操作系统版本较低(CentOS4.3),安装5.7时提示缺lib,刚好我不需要一定安装新版,所以下载了5.1 Linux - Generic (glibc 2.5 ...
- 创建maven父子项目(九)
一.父子-聚合项目 通过 maven 可以创建父子-聚合项目. 所谓的父子项目,即有一个父项目,有多个子项目.这些子项目,在业务逻辑上,都归纳在这个父项目下,并且一般来说,都会有重复的jar包共享.所 ...
- javaweb监听器实现与原理
参考:https://www.cnblogs.com/lxp503238/p/6678688.html https://blog.csdn.net/CPOHUI/article/details/888 ...
- 【oracle】substr函数 字符截取
- Linux学习笔记-第2天- 新的开始
迟到且稀疏的笔记,希望自己今年会有所突破.加油
- CentOS7 部署nfs服务
参考博客 参考博客 https://blog.51cto.com/addam/1576144 错误1: 客户端挂载nfs报错mount: wrong fs type, bad option, bad ...
- vue和react的区别
数据: vue:双向数据绑定和单向数据流.双向数据绑定:DOM元素绑定的data值,当发生改变后,vue的响应式机制会自动监听data的变化重新渲染.单向数据流:当父组件给子组件传递数据的时候,子组件 ...
- Codeforces Round #507 (Div. 2, based on Olympiad of Metropolises) D mt19937
https://codeforces.com/contest/1040/problem/D 用法 mt19937 g(种子); //种子:time(0) mt19937_64 g(); //long ...
- [LeetCode] 38. Count and Say 计数和读法
The count-and-say sequence is the sequence of integers with the first five terms as following: 1. 1 ...