jquery EasyUI的formatter格式化函數(shù)代碼
更新時(shí)間:2011年01月12日 16:31:16 作者:
以下實(shí)例格式化數(shù)據(jù)表格中的一列。如果金額小于20時(shí)使用自定義的格式器將文本變成紅色。
要格式化數(shù)據(jù)表格列,需要設(shè)置formatter屬性,該屬性是一個(gè)函數(shù),它包含兩個(gè)參數(shù):
value: 對(duì)應(yīng)字段的當(dāng)前列的值
record: 當(dāng)前行的記錄數(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}
]]
});
對(duì)于數(shù)字的格式化,可以使用javascript提供的對(duì)數(shù)字格式化的方法
var num=2.4445;
var number=val.toFixed(2);//格式化,保留兩位小數(shù)
alert(number);
輸出:
2.44
value: 對(duì)應(yīng)字段的當(dāng)前列的值
record: 當(dāng)前行的記錄數(shù)據(jù)
復(fù)制代碼 代碼如下:
$('#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}
]]
});
對(duì)于數(shù)字的格式化,可以使用javascript提供的對(duì)數(shù)字格式化的方法
復(fù)制代碼 代碼如下:
var num=2.4445;
var number=val.toFixed(2);//格式化,保留兩位小數(shù)
alert(number);
輸出:
2.44
您可能感興趣的文章:
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery-serialize()輸出序列化form表單值的方法
- jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能
- jQuery EasyUI API 中文文檔 - Form表單
- jQuery實(shí)現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery表單驗(yàn)證使用插件formValidator
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery動(dòng)態(tài)改變form屬性提交表單
- jQuery Form插件使用詳解_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
jQuery實(shí)現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在textarea指定位置插入字符或表情的方法,實(shí)例分析了jQuery操作表單元素的技巧,非常實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JQuery實(shí)現(xiàn)列表中復(fù)選框全選反選功能封裝(推薦)
在做列表時(shí)經(jīng)常會(huì)遇到全選,反選進(jìn)行批量處理問題。通過本文給大家介紹JQuery實(shí)現(xiàn)列表中復(fù)選框全選反選功能封裝,對(duì)jq復(fù)選框全選反選功能感興趣的朋友一起看看吧2016-11-11jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄,實(shí)例分析了基于jQuery的stickySidebar插件實(shí)現(xiàn)浮動(dòng)層的相關(guān)技巧,需要的朋友可以參考下2015-06-06jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片預(yù)覽大圖效果
我們可以借助jQuery來實(shí)現(xiàn)一些很酷炫的效果,本篇為大家介紹下通過jQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)經(jīng)過了圖片數(shù),圖片會(huì)放大進(jìn)行預(yù)覽大圖,需要的朋友可以參考下2014-04-04簡(jiǎn)單實(shí)現(xiàn)的JQuery文本框水印插件
這篇文章主要為大家詳細(xì)介紹了簡(jiǎn)單實(shí)現(xiàn)JQuery文本框水印插件的相關(guān)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼,需要的朋友可以參考下。主要是屬性比較多。2011-08-08詳解Jquery Easyui的驗(yàn)證擴(kuò)展
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展,Easyui驗(yàn)證,Easyui校驗(yàn),js正則表達(dá)式。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01