其他分享
首页 > 其他分享> > Ext.form.Label组件动态设置html值

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