欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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的显示

 

Ext.form.Label组件动态设置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值