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 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
javascript self对象使用详解
Oct 18 Javascript
JSONP基础知识详解
Mar 19 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 Javascript
微信小程序实现登录注册功能
Dec 29 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
解析dedeCMS验证码的实现代码
2013/06/07 PHP
PHP中ob_start函数的使用说明
2013/11/11 PHP
php object转数组示例
2014/01/15 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
PHP与以太坊交互详解
2018/08/24 PHP
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
浅析PHP与Python进行数据交互
2018/05/15 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
python实现飞机大战微信小游戏
2020/03/21 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
如何通过python画loss曲线的方法
2019/06/26 Python
Python super()方法原理详解
2020/03/31 Python
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
幼儿园家长评语
2014/02/10 职场文书
保险经纪人求职信
2014/03/11 职场文书
我的长生果教学反思
2014/04/28 职场文书
刑事代理授权委托书
2014/09/17 职场文书
党员对照检查剖析材料
2014/10/13 职场文书
投标承诺函格式
2015/01/21 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书