- 代码收藏
- 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
- CORS测试工具,跨域测试
- geojson 在线预览
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;
});
本页由《梦行文档》生成

