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 相关文章推荐
jquery插件开发方法(初学者)
Feb 03 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
浅析javascript中函数声明和函数表达式的区别
Feb 15 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
JS中数组重排序方法
Nov 11 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
Aug 25 Javascript
jQuery中DOM常见操作实例小结
Aug 01 jQuery
JSX在render函数中的应用详解
Sep 04 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 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下MAIL的另一解决方案
2006/10/09 PHP
基于文本的访客签到簿
2006/10/09 PHP
php 无限级 SelectTree 类
2009/05/19 PHP
Apache中php.ini的设置方法
2013/02/28 PHP
PHP中__FILE__、dirname与basename用法实例分析
2014/12/01 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
vue动态合并单元格并添加小计合计功能示例
2020/11/26 Vue.js
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python3.6简单操作Mysql数据库
2017/09/12 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
python和opencv构建运动检测器的实现
2021/03/03 Python
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
Shell编程面试题
2016/05/29 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
公司合作意向书
2014/04/01 职场文书
社区服务活动小结
2014/07/08 职场文书
庆七一活动总结
2014/08/27 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
2014年减负工作总结
2014/12/10 职场文书
甲午大海战观后感
2015/06/02 职场文书
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android