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>個計划職位")

效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM