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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
Mar 07 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
Nov 28 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
详解Vue用cmd创建项目
Feb 12 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
用javascript实现倒计时效果
Feb 09 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 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
PHP生成静态页
2006/11/25 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
python实现自动重启本程序的方法
2015/07/09 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
python+matplotlib演示电偶极子实例代码
2018/01/12 Python
Python微信操控itchat的方法
2019/05/31 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
Django 路由层URLconf的实现
2019/12/30 Python
通过cmd进入python的步骤
2020/06/16 Python
python与js主要区别点总结
2020/09/13 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
家长学校实施方案
2014/03/15 职场文书
应急处置方案
2014/06/16 职场文书
机电系毕业生求职信
2014/07/11 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
党支部季度考核意见
2015/06/02 职场文书
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android