- 代码收藏
- JS 获取图片Base64
- css 缩放
- JS调用浏览器下载
- 腾讯云服务器 数据磁盘扩容
- JS删除指定下标的数组
- Js 关闭chrome内核浏览器 标签页
- js时间转毫秒
- JS 二维数组排序输出HTML
- uniapp webview 加载H5,手机返回键处理成返回上一页,上一个网页
- uniapp uni.navigateTo 跳转失败无效的可能原因
- uniapp 设置顶部状态条背景颜色
- 网口小票打印机IP查看方法
- 梦行表格thead 固定,tbody 滚动CSS代码
- JS操作梦行表格按TR属性值排序
- 浏览器插件开发之检测网络请求参数
- 编辑器追加商品调用按钮
- H5网页不缩放,查看图片时双指缩放时,跳图片URL缩放看图 js代码event.touches.length
- html5属性 contenteditable 在微信手机上不生效,或有时点击没反应,解决方案
- URL***编码
- vscode连接FTP
JS 二维数组排序输出HTML
1code
var shop_data=JSON.parse('php json_Data'); function number_format(number,bit,sign,gapnum){ //设置接收参数的默认值 var bit = arguments[1] ? arguments[1] : 2 ; var sign = arguments[2] ? arguments[2] : ',' ; var gapnum = arguments[3] ? arguments[3] : 3 ; var str = '' ; number=parseFloat(number); number = number.toFixed(bit);//格式化 realnum = number.split('.')[0];//整数位(使用小数点分割整数和小数部分) decimal = number.split('.')[1];//小数位 realnumarr = realnum.split('');//将整数位逐位放进数组 ["1", "2", "3", "4", "5", "6"] //把整数部分从右往左拼接,每bit位添加一个sign符号 for(var i=1;i<=realnumarr.length;i++){ str = realnumarr[realnumarr.length-i] + str ; if(i%gapnum == 0){ str = sign+str;//每隔gapnum位前面加指定符号 } } //当遇到 gapnum 的倍数的时候,会出现比如 ",123",这种情况,所以要去掉最前面的 sign str = (realnum.length%gapnum==0) ? str.substr(1) : str; //重新拼接实数部分和小数位 realnum = str+'.'+decimal; return realnum; } function sortNumber(a,b){return a - b} //二维数组按字段排序 function monxin_array_sort(arr, field){ newa=new Array(); newr=new Array(); for(i in arr){ if(newa.indexOf(arr[i][field])==-1){newa.push(arr[i][field]);} } newa.sort(sortNumber); for(ii in newa){ for(i in arr){ if(arr[i][field]==newa[ii]){newr.push(arr[i]);} } } return newr; } function shop_data_html(arr,order){ list=''; for(i in arr){ v=arr[i]; //console.log(v); line='<tr><td><div class=shop_name>'+v['shop_name']+'</div>'+v['date']+'<div class=update_time>'+v['update_time']+'</div></td><td class=xh>'+number_format(v['xh'],2)+'</td><td class=zscs>'+number_format(v['zscs'])+'</td><td class=djcs>'+number_format(v['djcs'])+'</td><td class=djl>'+number_format(v['djl'],2)+'%</td><td class=qczsfy>'+number_format(v['qczsfy'],2)+'</td><td class=cjdds>'+number_format(v['cjdds'])+'</td><td class=cjddje>'+number_format(v['cjddje'],2)+'</td><td class=xddds>'+number_format(v['xddds'])+'</td><td class=xdddje>'+number_format(v['xdddje'],2)+'</td><td class=cjroi>'+number_format(v['cjroi'],2)+'</td><td class=xdroi>'+number_format(v['xdroi'],2)+'</td><td class=xzfss>'+number_format(v['xzfss'])+'</td></tr>'; if(order=='desc'){ list=line+list; }else{ list+=line; } } //console.log(list); $("#<?php echo $module['module_name'];?>_table tbody").html(list); //console.log($("#<?php echo $module['module_name'];?>_table tbody").html()); } $(document).ready(function(){ new_shop_data = monxin_array_sort(shop_data, 'xh'); shop_data_html(new_shop_data,'desc'); $("thead td a[desc]:eq(0)").attr('class','sorting sorting_desc'); $("thead td a").unbind(); $("thead td a[desc]").click(function(){ //alert('125');return false; console.log($(this).attr('class')); if($(this).attr('class').indexOf('sorting_desc')==-1){ tt=$(this).attr('desc'); tt=tt.split('|'); new_shop_data = monxin_array_sort(shop_data, tt[0]); shop_data_html(new_shop_data,'desc'); $("thead td a[desc]").removeClass('sorting_desc'); $("thead td a[desc]").removeClass('sorting_asc'); $(this).attr('class','sorting sorting_desc'); }else{ tt=$(this).attr('desc'); tt=tt.split('|'); new_shop_data = monxin_array_sort(shop_data, tt[0]); shop_data_html(new_shop_data,'asc'); $("thead td a[desc]").removeClass('sorting_desc'); $("thead td a[desc]").removeClass('sorting_asc'); $(this).attr('class','sorting sorting_asc'); } return false; });
本页由《梦行文档》生成