fomatter相关用法总结
最近工作中,遇到了需要将数值转换成汉字的功能,但是此功能跟我之前见过的代码不太一样,所以整理总结一下,以免以后再用此类代码
页面里所有的js代码都是在js文件中去写,包括一些表格的表头
相关js代码如下
1 var ListData;//数据表格 2 var LICNAME_DM=null; 3 var uuid="";
4 var POSITIONDATA=dicCodeByType("POSITION"); //首先定义一个DATA变量,然后通过变量.属性去遍历它的值 5 var CERTYPEDATA=dicCodeByType("CERTYPE"); 6 function dicCodeByType(TYPE){ //TYPE取的上面的值,然后去判断 7 var dicMap ; 8 $.ajax({ 9 url:getRootPath()+'/pubCache/sysDmdzByType.action', //这块是通过调用公共方法来实现的 10 data:{"TYPE":TYPE}, 11 type:'POST', 12 async:false, 13 success: function (data) { //数据加载完毕事件 14 dicMap = eval(data); 15 } 16 }); 17 return dicMap; 18 } 19 20 $(function(){ 21 ListData = $('#ListData'); 22 initDatas(); 23 if(pagetype=="check"){ 24 document.getElementById("xkxx_add").style.display = "none"; 25 document.getElementById("xkxx_update").style.display = "none"; 26 document.getElementById("xkxx_del").style.display = "none"; 27 } 28 }); 29 30 var CheckTypeData=sysDmdzByType("CERTYPE"); 31 function sysDmdzByType(TYPE){ 32 var dicMap ; 33 $.ajax({ 34 url:getRootPath()+'/pubCache/sysDmdzByType.action', 35 data:{"TYPE":TYPE}, 36 type:'POST', 37 async:false, 38 success: function (data) { //数据加载完毕事件 39 dicMap = eval(data); 40 } 41 }); 42 return dicMap; 43 } 44 45 var into= ""; 46 //按钮事件 47 function detail(value){ 48 49 var rows = ListData.datagrid('getCheckedCheckbox'); 50 if(value=="add"){ 51 into="add"; 52 //$('#form1')[0].reset(); 53 $('#form1').form('clear'); 54 $('#detailDialog').dialog('open'); 55 document.getElementById("save_xkxx").style.display = "inline-block"; 56 }else if(value=="update"){ 57 uuid =""; 58 into="update"; 59 if (rows.length == 0) { 60 $.messager.alert('提示','请选择要编辑的记录'); 61 return; 62 }else if(rows.length > 1) { 63 listOfHealthprmit.datagrid('clearSelections');//取消checkbox的选中状态 64 $.messager.alert('提示','请选择单条记录'); 65 return; 66 }else if(rows.length == 1) { 67 $('#from1').form('reset'); 68 $.ajax({ 69 url:getRootPath()+'/QydjRyxxLc/selectOne.action', 70 data:{"recid":rows[0]["RECID"]}, 71 type:'POST', 72 async:false, 73 success: function (result) { //数据加载完毕事件 74 var data = eval(result); 75 //日期转换 76 //data.CONDATE = DateUtil.dateToStr('yyyy-MM-dd',new Date(data.CONDATE)); 77 //data.VALTO = DateUtil.dateToStr('yyyy-MM-dd',new Date(data.VALTO)); 78 $('#form1').form('load',data); 79 $('#detailDialog').dialog('open'); 80 document.getElementById("save_xkxx").style.display = "inline-block"; 81 } 82 }); 83 } 84 }else if(value=="chakan"){ 85 uuid =""; 86 document.getElementById("save_xkxx").style.display = "none"; 87 if (rows.length == 0) { 88 $.messager.alert('提示','请选择要编辑的记录'); 89 return; 90 }else if(rows.length > 1) { 91 listOfHealthprmit.datagrid('clearSelections');//取消checkbox的选中状态 92 $.messager.alert('提示','请选择单条记录'); 93 return; 94 }else if(rows.length == 1) { 95 $('#from1').form('reset'); 96 $.ajax({ 97 url:getRootPath()+'/QydjRyxxLc/selectOne.action', 98 data:{"recid":rows[0]["RECID"]}, 99 type:'POST', 100 async:false, 101 success: function (result) { //数据加载完毕事件 102 var data = eval(result); 103 $('#form1').form('load',data); 104 $('#detailDialog').dialog('open'); 105 } 106 }); 107 } 108 }else if(value=="del"){ 109 uuid =""; 110 if (rows.length == 0) { 111 $.messager.alert('提示','请选择要编辑的记录'); 112 return; 113 }else if(rows.length > 1) { 114 listOfHealthprmit.datagrid('clearSelections');//取消checkbox的选中状态 115 $.messager.alert('提示','请选择单条记录'); 116 return; 117 }else if(rows.length == 1) { 118 $.messager.confirm("操作提示", "您确定要删除该记录吗？", function (data) { 119 if(data) { 120 $.ajax({ 121 url:getRootPath()+'/QydjRyxxLc/delete.action', 122 data:{"RECID":rows[0]["RECID"]}, 123 type:'POST', 124 async:false, 125 success: function (result) { //数据加载完毕事件 126 if(result=='success'){ 127 $.messager.alert('提示','删除成功'); 128 }else{ 129 $.messager.alert('提示','删除失败'); 130 } 131 initDatas(); 132 ListData.datagrid('unselectAll'); 133 } 134 }); 135 } 136 }); 137 } 138 } 139 } 140 141 //保存 142 function SaveOfUpdate(){ 143 var value=into; 144 var rows = ListData.datagrid('getCheckedCheckbox'); 145 if (!$('#form1').form('validate')) {return false;}//表单验证 146 var xkfrom=$('#form1').serializeObject(); 147 xkfrom.OPENO=openo; 148 var addJsonStr=JSON.stringify(xkfrom); 149 if(value=="update"){ 150 xkfrom.RECID=rows[0]['RECID']; 151 } 152 $.ajax({ 153 url:getRootPath()+'/QydjRyxxLc/save.action', 154 data:{"addJsonStr":addJsonStr,"resulelc":value}, 155 type:'POST', 156 async:false, 157 success: function (data) { //数据加载完毕事件 158 dicMap = eval(data); 159 $.messager.alert('提示',dicMap.result); 160 } 161 }); 162 initDatas(); 163 $('#detailDialog').dialog('close'); 164 ListData.datagrid('unselectAll'); 165 } 166 167 168 /** 169 * 列表 170 */ 171 function initDatas(){ 172 ListData.datagrid({ 173 loadMsg : '数据正在加载中，请稍后...', 174 url : getRootPath()+'/QydjRyxxLc/selectList.action', 175 method : 'POST', 176 queryParams : {"openo":openo}, 177 idField: 'ID', 178 striped: true, 179 fitColumns: false, 180 singleSelect: true, 181 fit:true, 182 remoteSort:false, 183 multiSort:true, 184 rownumbers: true, 185 pagination: true, 186 nowrap: false, 187 toolbar:'#toolbar', 188 pageSize: 15, 189 pageList: [10,15,20,25,30], 190 showFooter: true, 191 frozenColumns: [ [ 192 {field: 'ck', checkbox: true }, 193 {field : 'id',title : 'id',width : 5,hidden : 'false'} 194 ] ], 195 columns : [ [ 196 {field : 'NAME',title : '姓名',width : 220,align : 'center',resizable : 'true'}, 197 {field : 'POSITION',title : '职务',width : 220,align : 'center',resizable : 'true', 198 formatter:function(value,row,index){ //具体的fomatter方法在此,code为数字,content为数据库中所对应的汉字 199 for(var i=0;i<POSITIONDATA.length;i++){ 200 if(POSITIONDATA[i].CODE==value){ 201 return POSITIONDATA[i].CONTENT; 202 } 203 } 204 } 205 }, 206 207 {field : 'CERTYPE',title : '证件类型',width : 220,align : 'center',resizable : 'true', 208 formatter:function(value,row,index){ 209 for(var i=0;i<CERTYPEDATA.length;i++){ 210 if(CERTYPEDATA[i].CODE==value){ 211 return CERTYPEDATA[i].CONTENT; 212 } 213 } 214 }}, 215 {field : 'CERNO',title : '证件号码',width : 220,align : 'center',resizable : 'true'}, 216 ] ], 217 /** 218 * 回调函数，当数据表格的列标题被鼠标右键单击时触发， 控制列的显示与隐藏 219 * @param e 220 * @param field 數據 221 */ 222 onHeaderContextMenu : function(e, field) { 223 e.preventDefault(); 224 if (!cmenu) {createColumnMenu('#ListOfHealthprmit');} 225 cmenu.menu('show', { 226 left : e.pageX, 227 top : e.pageY 228 }); 229 }, 230 /** 231 * 当数据载入成功时触发 232 * @param data 数据 233 */ 234 onLoadSuccess : function(data) { 235 } 236 }); 237 } 238 239 240 241 //生成uuid 242 function getUuid() { 243 var len = 31;//32长度 244 var radix = 16;//16进制 245 var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); 246 var uuid = [], i; 247 radix = radix || chars.length; 248 if(len) { 249 for(i = 0; i < len; i++)uuid[i] = chars[0 | Math.random() * radix]; 250 } else { 251 var r; 252 uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'; 253 uuid[14] = '4'; 254 for(i = 0; i < 36; i++) { 255 if(!uuid[i]) { 256 r = 0 | Math.random() * 16; 257 uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]; 258 } 259 } 260 } 261 return uuid.join(''); 262 }
formatter:function(value,row,index){
return DateUtil.dateToStr("yyyy-MM-dd",new Date(value));
} //此块代码未其它页面中时间转换的代码
