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

    效果:

  • 相关阅读:
    Django基础——Form&Ajax篇
    redis--悲观锁、乐观锁
    redis--事务
    redis--三种特殊数据类型---的简介、用法
    redis--zet(有序集合)---常用命令、场景
    redis--hash(哈希)---常用命令、场景
    redis--set(无序集合)--的常用命令,应用
    redis--(队列)list--常用命令、小结
    redis--string(字符串) --常用命令、应用场景
    redis基本知识
  • 原文地址:https://www.cnblogs.com/mingqi-420/p/11400539.html
Copyright © 2011-2022 走看看