• 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>个计划职位")

    效果:

  • 相关阅读:
    Bitnami Redmine安装和插件配置
    DataTable转换成List<T>
    学习Javascript闭包(Closure)
    单例模式(Singleton)
    哈希表--HashSet<T>
    .NET 4.0中的泛型的协变和逆变
    vue-cli脚手架里如何配置屏幕自适应
    新手如何理解JS面向对象开发?
    vue轮播图插件vue-awesome-swiper的使用与组件化
    vue中sass的配置安装流程
  • 原文地址:https://www.cnblogs.com/mingqi-420/p/11400539.html
Copyright © 2020-2023  润新知