jquery easyui中的formatter多用法
浏览数：51 /
时间：2015年06月09日
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(); }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
