easyui combobox下拉框中顯示大於號小於號的問題

前兩天同事作了個功能,經過勾選下拉框裏的值進行列表查詢,結果下拉框裏的值是「0<t<=2」、「2<t<=5」、「t>5」這樣的。html

combobox是用腳本渲染出來的,裏面的data的格式就如這樣:spa

[{ID:"01",TEXT:"0<t<=2"},{ID:"02",TEXT:"2<t<=5"},{ID:"03",TEXT:"t>5"}]

結果<小於號被識別成了html的標籤,這樣就致使了下拉框裏顯示的值都是不正常的,這裏我嘗試了兩種解決辦法:code

方法一(前臺還有點問題):orm

我從後臺取到數據以後,用Java代碼進行遍歷,把其中的<使用String裏面的replace方法換成「&lt;」,把其中的>換成了「&gt;」htm

通過這一番處理以後,我發現點擊下拉按鈕以後裏面的內容能夠正常顯示了,可是當我選中其中一個以後發現內容框裏面的值竟然成了「0&lt;t&lt;=2」、「2&lt;t&lt;=5」、「t&gt;5」,blog

這個我就沒有繼續再日後研究了,改用了方法二,有興趣的能夠繼續沿着這條路走下去io

方法二:function

此次直接換到前臺來處理,發現簡單了不少,直接在前臺用replace方法把<換成「&lt;」,把其中的>換成了「&gt;」,語法也很簡單,只須要在渲染combobox的時候添加個formatter方法form

具體代碼以下:class

formatter:function (row) {
       var text = row.TEXT;
       if (text.indexOf("<")){
             text = text.replace("<","&lt;");
       } else if (text.indexOf(">")) {
             text = text.replace(">","&gt;");
       }
       var s = '<span style="font-weight:normal">' + text + '</span><br/>'
       return s;
}
相關文章
相關標籤/搜索