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的仿照flash放大图片效果代码
Mar 16 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
利用JavaScript实现栈的数据结构示例代码
Aug 02 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
微信小程序中weui用法解析
Oct 21 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
JS面向对象实现飞机大战
Aug 26 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中养成7个面向对象的好习惯
2010/01/28 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
原始的js代码和jquery对比体会
2013/09/10 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
AngularJS实现按钮提示与点击变色效果
2016/09/07 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
2018/02/09 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
[35:34]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
从零学Python之入门(二)基本数据类型
2014/05/25 Python
python写日志封装类实例
2015/06/28 Python
python获取交互式ssh shell的方法
2019/02/14 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
Python全栈之列表数据类型详解
2019/10/01 Python
Python中return函数返回值实例用法
2020/11/19 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
酒店led欢迎词
2014/01/09 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
环卫个人总结
2015/03/03 职场文书
mysql查询结果实现多列拼接查询
2022/04/03 MySQL