• 对JSON数组对象排序-有键相同的元素,分组数量不一致,可采用如下的JS进行循环表格输出


                    var now=eval(data.data);
    //                now.sort(sortBy('bigIdOrder', true, parseInt));
                    var tab="";
                    var k=0;
                    var hangye=0;
                    var index = 0;
    
    //                alert(JSON.stringify(now[i]));
    
                        for(var i=0;i<now.length;i++){
                            index++;
                                if(now[i].bigId!=hangye){
                                    if(i==0){
    //                                    第一个表格的开头
                                        tab += '<table id="tab'+k+'">';
                                        tab += '<tr><th>行业</th><th>品牌</th><th>频次(次)</th><th>时长(秒)</th></tr>';
                                    }
                                    else{
                                        for(j=5;j>=index;j--){
                                            tab += "<tr>";
                                            tab += "<td >--</td>"; 
                                            tab += "<td >--</td>";
                                            tab += "<td >--</td>";
                                            tab += "<td >--</td>";
                                            tab += "</tr>";
                                        }
    //                                    上一个表格的结束
    //                                    下一个表格的开头
                                        tab += '</table>';
                                        tab += '<table id="tab'+k+'">';
                                        tab += '<tr><th>行业</th><th>品牌</th><th>频次(次)</th><th>时长(秒)</th></tr>';
                                        index = 1;
                                    }
                                    hangye = now[i].bigId;
                                }
    //                                当前表格的一行
                                
    //                            hangye = now[i].bigid
    
                                if(index<6){
                                    tab += "<tr>";
                                    tab += "<td >"+now[i].bigIndustryName+"</td>"; 
                                    tab += "<td >"+now[i].brandName+"</td>";
                                    tab += "<td >"+now[i].pinci+"</td>";
                                    tab += "<td >"+(now[i].timeSize*1).toFixed(2)+"</td>";
                                    tab += "</tr>";
                                }
    
                        }
                        
                        for(j=5;j>index;j--){
                            tab += "<tr>";
                            tab += "<td >--</td>"; 
                            tab += "<td >--</td>";
                            tab += "<td >--</td>";
                            tab += "<td >--</td>";
                            tab += "</tr>";
                        }
                        tab +="</table>";
                        
    //                }
                    $(".industryBrandTrendSubTab").html(tab);
  • 相关阅读:
    Jquery 下实现 图片大图预览效果
    PHP之图片上传类(加了缩略图)
    无限极分类
    inno steup 安装判断 进程是否运行
    mac os 10.15安装jdk 1.6
    c# 创建delphi的代码
    php 断点续传以及100% 后台zip解压
    多个编号重复,递归处理
    php映射echarts柱状图
    php数据映射到echarts中国地图
  • 原文地址:https://www.cnblogs.com/dreamzhiya/p/4655484.html
Copyright © 2020-2023  润新知