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类型增加方法的实现代码(增加功能)
Dec 29 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
JavaScript程序设计之JS调试
Dec 09 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 Javascript
vue 使用lodash实现对象数组深拷贝操作
Sep 10 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
PHP新手上路(四)
2006/10/09 PHP
php 三维饼图的实现代码
2008/09/28 PHP
基于header的一些常用指令详解
2013/06/06 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
python应用程序在windows下不出现cmd窗口的办法
2014/05/29 Python
python模块之paramiko实例代码
2018/01/31 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
使用python制作一个解压缩软件
2019/11/13 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python求凸包及多边形面积教程
2020/04/12 Python
Python基于pip实现离线打包过程详解
2020/05/15 Python
python Pexpect模块的使用
2020/12/25 Python
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
Java中实现多态的机制
2015/08/09 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
《青蛙看海》教学反思
2014/04/23 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
大学生读书笔记范文
2015/07/01 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL