jquery EasyUI的formatter格式化函数代码


Posted in Javascript onJanuary 12, 2011

要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数:

value: 对应字段的当前列的值
record: 当前行的记录数据

$('#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} 
]] 
});

对于数字的格式化,可以使用javascript提供的对数字格式化的方法
var num=2.4445; 
var number=val.toFixed(2);//格式化,保留两位小数 
alert(number);

输出:
2.44
Javascript 相关文章推荐
Javascript注入技巧
Jun 22 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
Script的加载方法小结
Jan 12 #Javascript
javascrip客户端验证文件大小及文件类型并重置上传
Jan 12 #Javascript
javascript smipleChart 简单图标类
Jan 12 #Javascript
javascript Window及document对象详细整理
Jan 12 #Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 #Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 #Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 #Javascript
You might like
Cakephp 执行主要流程
2010/03/24 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
2015/08/13 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
js实现PC端根据IP定位当前城市地理位置
2017/02/22 Javascript
解析vue中的$mount
2017/12/21 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2020/02/11 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
python归并排序算法过程实例讲解
2020/11/04 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
自荐信格式范文
2013/10/07 职场文书
爱岗敬业演讲稿范文
2014/01/14 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
狮子林导游词
2015/02/03 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
小学音乐课教学反思
2016/02/18 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
用python实现监控视频人数统计
2021/05/21 Python