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 相关文章推荐
js中获取事件对象的方法小结
Mar 13 Javascript
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
Mar 12 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
详解React之key的使用和实践
Sep 29 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
IDEA安装vue插件图文详解
Sep 26 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
TypeScript中条件类型精读与实践记录
Oct 05 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
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
PHP微信分享开发详解
2017/01/14 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
JS中的构造函数详细解析
2014/03/10 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
深入浅析JavaScript函数前面的加号和叹号
2016/07/09 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
快速入门Vue
2016/12/19 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
Layui数据表格跳转到指定页的实现方法
2019/09/05 Javascript
js实现转动骰子模型
2019/10/24 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
python实战之实现excel读取、统计、写入的示例讲解
2018/05/02 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python 面试中 8 个必考问题
2018/11/16 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
公司授权委托书
2014/10/17 职场文书
庆祝教师节活动总结
2015/03/23 职场文书
党员理论学习心得体会
2016/01/21 职场文书
2019秋季运动会口号
2019/06/25 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
HDFS免重启挂载新磁盘
2022/04/06 Servers