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

您可能感興趣的文章:

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