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工具_Form 封装
Aug 21 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
May 10 Javascript
JavaScript 的继承
Oct 01 Javascript
仿新浪微博返回顶部的jquery实现代码
Oct 01 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
php使用curl并发减少后端访问时间的方法分析
2016/05/12 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
python实现根据月份和日期得到星座的方法
2015/03/27 Python
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
python 发送json数据操作实例分析
2019/10/15 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Python如何将模块打包并发布
2020/08/30 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
小溪流的歌教学反思
2014/02/13 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
在职员工证明书
2014/09/19 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL