Ext.form.Label組件動態設置html值

時間 2019-11-19

標籤 ext.form.label ext form label 組件動態設置 html 欄目 HTML 简体版

原文原文鏈接

解決方法：
（1）用的是 Ext.getCmp(id).setText('XXXX')能夠動態設置label 顯示的文本值，可是文本中有個別數字須要改變顏色顯示，須要加樣式，這種方法會把加樣式的標籤（html）以文本的方式顯示出來，而不會被瀏覽器解析。。。
（2） Ext.getCmp(id).getEl().update('XXXXX'),將要顯示的文字和樣式代碼寫到update()方法中即實現動態設置html的顯示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
            }
        });