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: 對應(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}
]]
});
對于數(shù)字的格式化，可以使用javascript提供的對數(shù)字格式化的方法
var num=2.4445;
var number=val.toFixed(2);//格式化,保留兩位小數(shù)
alert(number);
輸出:
2.44
value: 對應(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}
]]
});
對于數(shù)字的格式化，可以使用javascript提供的對數(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動態(tài)改變form屬性提交表單
- jQuery Form插件使用詳解_動力節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
最近一直研究JQUERY的CHECKBOX,前面我已經(jīng)介紹了CHECKBOX的全選和取消全選,而今天我繼續(xù)給大家分享第三種方法,同時(shí)還能實(shí)現(xiàn)CHECKBOX的反選和指定選取,當(dāng)然我們得先下載2008-08-08
使用javascript自帶的提示對話框，不怎么美觀，如果使用自定義的，那么在樣式上就會有更多的控制權(quán)了，下面為大家分享下Jquery自定義的彈窗2014-03-03
通過jquery和css相結(jié)合的方式實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊圖片彈出畫廊切換特效，效果逼真，下面小編把源碼分享給大家供大家參考2015-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章介紹了Jquery無須瀏覽實(shí)現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了jQuery定義背景動態(tài)切換效果的方法,實(shí)例分析了jQuery操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這個(gè)腳本是網(wǎng)上的代碼修改的，兼容各主流瀏覽器，優(yōu)化頁面異步加載的文字的檢索提示框定位，根據(jù)選擇文字位置與屏幕尺寸計(jì)算檢索提示框定位。2010-09-09
這篇文章主要介紹了jQuery中:submit選擇器用法,實(shí)例分析了:submit選擇器的功能、定義及匹配提交按鈕的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery樹形控件zTree使用方法，zTree樹插件的基本使用方法，感興趣的小伙伴們可以參考一下2016-08-08
在jquery中如果我們要獲取選中的checkbox我們可以input:checked,然后獲取選中checkbox個(gè)數(shù)量時(shí)我們可以使用jQuery的size()方法或length屬性來判斷就行了2013-11-11