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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
JavaScript面向对象编程
Mar 02 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 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采集相关教程之一 CURL函数库
2010/02/15 PHP
PHP插入排序实现代码
2013/04/04 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
jquery自定义显示消息数量
2017/12/19 jQuery
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
python根据出生日期返回年龄的方法
2015/03/26 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
python清除函数占用的内存方法
2018/06/25 Python
Python中求对数方法总结
2020/03/10 Python
python怎么调用自己的函数
2020/07/01 Python
三只松鼠官方旗舰店:全网坚果销售第1
2017/11/25 全球购物
大四自我鉴定范文
2013/10/06 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
公司授权委托书范文
2014/09/21 职场文书
学生偷窃检讨书
2014/09/25 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
喋血孤城观后感
2015/06/08 职场文书