首页 > 代码库 > jquery easyui中的formatter多用法
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(); }
jquery easyui中的formatter多用法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。