jquery easyui中的formatter多用法

1.formatter能多数据进行格式化后输出,formatter必须返回一个字符串,第一个用法:当一个单元格的数据很多,不能显示完全时,鼠标放上去能动态显示出所有内容。

formatter:function(value,rowData,rowIndex){
//value是当前字段的值,rowData是该行的所有数据,rowIndex是该行的索引
return '<span title="'+value+'">'+value+'</span>'; }

2.在表格中定义带按钮的一行操作列

columns:[[
{
title:'控制',
field:'id',
width:150,
formatter:function(value,rowData,rowIndex){
//value是当前字段的值,rowData是该行的所有数据,rowIndex是该行的索引
return '<button onclick="show('+rowIndex+');">编辑</button><button onclick="show('+rowIndex+');">删除</button>'; } } ]] functon show(index){
var rows= datagrid.datagrid('getRows');//得到所有的行,是一个数组
console.info(rows[index]);//通过rows[index]就能得到该行的数据了
}

传数据时要传索引,因为rowData是一个对象,不能传过去。

3.格式化日期:

先扩展jquery的日期格式

Data.prototype.format=function(format){
if(isNaN(this.getMonth)){
return '';
}
if(!format){
format="yyyy-MM-dd hh:mm:ss";
} var o={ /* month*/
"M+":this.getMonth+1,
"d+":this.getDate(), "h+":this.getHours(), "m+":this.getMinutes(), "s+":this.getSeconds+1, "q+":Math.floor((this.getMonth()+3/3)),
"S+":this.getMilliseconds()
};
if(/(y+)/.test(format)){
format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length));
}
for(var k in 0){
if(new RegExp("("+k+")").test(format)){
format=format.replace(RegExp.$1,RegExp.$1.length==1?0[k]:("00"+0[k]).substr((""+o[k]).length)); }
}
return format;
}

调用方式:

formatter:function(value){
//value是当前字段的值
return new Date(value).format(); }
上一篇:nginx反向代理取得IP地址


下一篇:【转】MOCK方法介绍