zoukankan      html  css  js  c++  java
  • 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>个计划职位")

    效果:

  • 相关阅读:
    4.羽翼sqlmap学习笔记之Post登录框注入
    3.羽翼sqlmap学习笔记之Cookie注入
    2.羽翼sqlmap学习笔记之MySQL注入
    1.羽翼sqlmap学习笔记之Access注入
    转:C语言中的头文件可以自己写吗?
    12.Struts2自定义拦截器
    linux 软件安装篇
    微信开发-PC调试-JS-SDK功能之分享功能调试
    JS加载相对路径脚本的方法
    apache环境之困扰,Rewrite导致无法加载多个不同的.html文件
  • 原文地址:https://www.cnblogs.com/mingqi-420/p/11400539.html
Copyright © 2011-2022 走看看