jquery EasyUI的formatter格式化函數(shù)代碼
更新時間:2011年01月12日 16:31:16 作者:
以下實例格式化數(shù)據(jù)表格中的一列。如果金額小于20時使用自定義的格式器將文本變成紅色。
要格式化數(shù)據(jù)表格列,需要設置formatter屬性,該屬性是一個函數(shù),它包含兩個參數(shù):
value: 對應字段的當前列的值
record: 當前行的記錄數(shù)據(jù)
$('#tt').datagrid({
title:'Formatting Columns',
width:550,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right',
formatter:function(val,rec){
if (val < 20){
return '<span style="color:red;">('+val+')</span>';
} else {
return val;
}
}
},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
});
對于數(shù)字的格式化,可以使用javascript提供的對數(shù)字格式化的方法
var num=2.4445;
var number=val.toFixed(2);//格式化,保留兩位小數(shù)
alert(number);
輸出:
2.44
value: 對應字段的當前列的值
record: 當前行的記錄數(shù)據(jù)
復制代碼 代碼如下:
$('#tt').datagrid({
title:'Formatting Columns',
width:550,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right',
formatter:function(val,rec){
if (val < 20){
return '<span style="color:red;">('+val+')</span>';
} else {
return val;
}
}
},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]]
});
對于數(shù)字的格式化,可以使用javascript提供的對數(shù)字格式化的方法
復制代碼 代碼如下:
var num=2.4445;
var number=val.toFixed(2);//格式化,保留兩位小數(shù)
alert(number);
輸出:
2.44
您可能感興趣的文章:
- jquery實現(xiàn)ajax提交form表單的方法總結
- jQuery-serialize()輸出序列化form表單值的方法
- jQuery實現(xiàn)form表單reset按鈕重置清空表單功能
- jQuery EasyUI API 中文文檔 - Form表單
- jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery表單驗證使用插件formValidator
- 基于Bootstrap+jQuery.validate實現(xiàn)Form表單驗證
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery動態(tài)改變form屬性提交表單
- jQuery Form插件使用詳解_動力節(jié)點Java學院整理
相關文章
jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03JQuery實現(xiàn)列表中復選框全選反選功能封裝(推薦)
在做列表時經(jīng)常會遇到全選,反選進行批量處理問題。通過本文給大家介紹JQuery實現(xiàn)列表中復選框全選反選功能封裝,對jq復選框全選反選功能感興趣的朋友一起看看吧2016-11-11jQuery實現(xiàn)鼠標經(jīng)過圖片預覽大圖效果
我們可以借助jQuery來實現(xiàn)一些很酷炫的效果,本篇為大家介紹下通過jQuery實現(xiàn)當鼠標經(jīng)過了圖片數(shù),圖片會放大進行預覽大圖,需要的朋友可以參考下2014-04-04Jquery ajax傳遞復雜參數(shù)給WebService的實現(xiàn)代碼
Jquery ajax傳遞復雜參數(shù)給WebService的實現(xiàn)代碼,需要的朋友可以參考下。主要是屬性比較多。2011-08-08