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 相关文章推荐
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
小程序自定义弹框效果
Nov 16 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
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+MYSQL实现读写分离简单实战
2017/03/13 PHP
往光标所在位置插入值的js代码
2013/09/22 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
python实现图片批量压缩程序
2018/07/23 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
求职毕业生自荐书
2014/02/08 职场文书
浪费资源的建议书
2014/03/12 职场文书
同学聚会邀请函
2015/01/30 职场文书
财务会计岗位职责
2015/02/03 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
中秋节祝酒词
2015/08/12 职场文书
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python
delete in子查询不走索引问题分析
2022/07/07 MySQL
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript