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 相关文章推荐
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
vue实现微信获取用户信息的方法
Mar 21 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
JS实现简易日历效果
Jan 25 Javascript
Ajax实现页面无刷新留言效果
Mar 24 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
数据库相关问题
2006/10/09 PHP
PHP 中文乱码解决办法总结分析
2009/07/30 PHP
PHP 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
DOM 高级编程
2015/05/06 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
vue中的scope使用详解
2017/10/29 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python安装教程
2018/02/28 Python
python实现自动发送邮件
2018/06/20 Python
python PrettyTable模块的安装与简单应用
2019/01/11 Python
python创建学生管理系统
2019/11/22 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
python os模块在系统管理中的应用
2020/06/22 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
HTML5操作WebSQL数据库的实例代码
2017/08/26 HTML / CSS
香港通票:Hong Kong Pass
2019/02/26 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python