zoukankan      html  css  js  c++  java
  • 对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);
  • 相关阅读:
    vs2005发布生成自定义dll
    模拟msn消息提示(右下角)
    通过GridView导出Excel
    在ASP.NET 2.0中直接得到本页面生成的HTML代码
    asp.net实现SQL Server备份还原
    通用分页存储过程算法(.net类实现)
    超链接打开自定义的协议
    GridView技巧2
    sql语句获取本周、本月数据
    asp.net开发自定义控件
  • 原文地址:https://www.cnblogs.com/dreamzhiya/p/4655484.html
Copyright © 2011-2022 走看看