时间:2016.05.06 发布人:anniest
已解决问题
谷歌anniest用户在2016.05.06提交了关于“
雍和宫j**ascript实现表格内容排序”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2025-02-26T23:48:06。希望大家能够帮助她。
详细问题描述及疑问:期待您的答案,没有什么华丽的语言,但是我对你的感谢不会减少
!
希望以下的回答,能够帮助你。
第1个回答
用户名:candy0162aj
本文为大家详细介来自绍下j**ascript实现表格内容排序,喜欢的朋友可以参考下
代码如下:<d
否现它兵球巴均研东穿判ivid="html"></div><script>varlistInfos=牛层须段类买newArray();listInfos[0]=newArray();l问答istInfos[0][0]下帮践买变明谓农级村后={'name':'推荐页1','DayCount':666,'**gTime':29872,'ErrCount':180663,'ErrorRate':'尼图清温刘玉2873%','Da歌钟ySystemErrorCo结unt':0,'DaySystemrErrorRate':'0%'}listInfos[0][1]={'name':'推荐页2','DayCount':5938你刻最希儿做96,'**gT缺古百渐题钱心硫宁文常ime':2494率肥6,'ErrCount':绝车皮资提严斤仅222,'ErrorRate':'2%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}listInfos[0][2]={'name':'推荐页3','DayCount':956,'**gTime':27957,'ErrCount':111,'ErrorRate':'10%','DaySystemError连微运矛亚Count':0,'DaySyste领门财规拿讨增mrErrorRate':'0%'}lis绝地林品欢星病孔井tInfos[1]=newArray();listInfos[1][0]={'name':'推荐页4',衡香找技伯转仍亚缩'DayCoun升校洋t':666,'A移握百治检vgTime':116,'ErrCount':180663,'ErrorRate':'2873%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}listInfos[1][1]={'name':'推荐页5','DayCount':11,'**gTime':222,'ErrCount':222,'ErrorRate':'2%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}listInfos[1][2]={'name':'推荐页6','DayCount':956,'**gTime':956,'ErrCount':111,'ErrorRate':'10%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}functiondateDesc(listInfos,field){for(vari=0;i<listInfos.length;i++){for(varj=i+1;j<listInfos.length;j++){if(isCommaPercent(listInfos[i][field])<isCommaPercent(listInfos[j][field])){vararrayTemp=newArray();arrayTemp=listInfos[i];listInfos[i]=listInfos[j];listInfos[j]=arrayTemp;}}}returnlistInfos;}functiondataAsc(listInfos,field){for(vari=0;i<listInfos.length;i++){for(varj=i+1;j<listInfos.length;j++){if(isCommaPercent(listInfos[i][field])>isCommaPercent(listInfos[j][field])){vararrayTemp=newArray();arrayTemp=listInfos[i];listInfos[i]=listInfos[j];listInfos[j]=arrayTemp;}}}returnlistInfos;}functionisCommaPercent(value){varvalueFloat;value=value.toLocaleString();valueFloat=(value.indexOf(',')>0)?value.split(',').join(''):value;valueFloat=(valueFloat.indexOf('%')>0)?parseFloat(valueFloat.substr(0,valueFloat.indexOf('%'))):parseFloat(valueFloat);returnvalueFloat;}functionsortOperation(sortInfos,field,sort){varlistInfos=newArray();if(sort=='desc'){for(vari=0;i<sortInfos.length;i++){listInfos[i]=dateDesc(sortInfos[i],field);}}elseif(sort=='asc'){for(vari=0;i<sortInfos.length;i++){listInfos[i]=dataAsc(sortInfos[i],field);}}else{alert('操作错误');returnfalse;}vartableStrList='';for(vari=0;i<listInfos.length;i++){vartableStr='<h1>程序</h1>';tableStr+='<tablewidth="100%"cellspacing="0"cellpadding="0"border="1"class="programTabble"><tbody><trclass="indexTableTr">';tableStr+='<tdwidth="16%">程序名称</td><tdwidth="14%">当天访问量(次)</td><tdwidth="14%">平均响应时间(us)</td><tdwidth="14%">错误数(次)</td>';tableStr+='<tdwidth="14%">错误率(%)</td><tdwidth="14%">系统错误数(次)</td><tdwidth="14%">系统错误率(%)</td></tr>';for(varj=0;j<listInfos[i].length;j++){tableStr+='<tr>';tableStr+='<td><ahref="detail.php?type=programs&pid=1">'+listInfos[i][j]['name']+'</a></td>';tableStr+='<td>'+listInfos[i][j]['DayCount']+'</td>';tableStr+='<td>'+listInfos[i][j]['**gTime']+'</td>';tableStr+='<td>'+listInfos[i][j]['ErrCount']+'</td>';tableStr+='<td>'+listInfos[i][j]['ErrorRate']+'</td>';tableStr+='<td>'+listInfos[i][j]['DaySystemErrorCount']+'</td>';tableStr+='<td>'+listInfos[i][j]['DaySystemrErrorRate']+'</td>';tableStr+='</tr>';}tableStr+='</tbody></table>';tableStrList+=tableStr}document.getElementById("html").innerh**TML=tableStrList;}sortOperation(listInfos,'DayCount','asc')</script>