j**ascript 表格内容排序简单操作示例代码

时间：2016.04.20 发布人：行云流水7570

已解决问题

谷歌行云流水7570用户在2016.04.20提交了关于“绅宝j**ascript 表格内容排序简单操作示例代码”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T03:57:25。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢了,下次有事儿别忘了找我！

希望以下的回答，能够帮助你。

第1个回答

用户名：haiyun8421 时间：升相武止板吃材季须衡现2016.04.2来自

复制代码代码如下:
<divid="html"></div>
<script>
varlistInfos=newArray();
listInfos[0]=newArray();
listInfos[0][0]={'name':'推荐页1','DayCount':666,'**gTime':29872,'ErrCount':180663,'ErrorRa支打款省景买里道硫te':'2873%牛预将甚类请林议齐企','DaySy问答stemErrorCount':0,'DaySystemrErrorRate频某什立':'0%'}
listInfos[0][1]={'name':'推荐页2','DayCount':593896,'**gTime':24946,'ErrCount':2色矿细士定积兰22,'ErrorRate':'2%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}
listInfos[0][2]={'name':'推荐页3','DayCount':956,'**g请美前氧信Time':27957,'思干有求城形ErrCount':111,'ErrorRate':'10%','DaySystemErrorCount':0,'DaySystemrErrorRate'足:'0%'}
listInfos[1]=newArray();
listInfos[1][0]={'name':'推荐页4','DayCount':666,'**gTime':116,'ErrCount':搞体析促政刘陆180663,'ErrorRate':'2873%','DaySystemErrorCount':0,'DaySystemrErrorR单段小担ate':'0%'}
listInfos[1][1]={'name':'推荐页5','DayCount':11,'**gTime':果故一茶国谁刑解222,'ErrCount':222,'ErrorRate':'2%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}
listInfos[1][2]={'name':'推荐页6','DayC皮待线括重威仅免划础ount':956,'**飞异轴剧断这马士环得期gTime':956,'ErrCount':111,'ErrorRate':'1唱纪宜流影热货伯石粉0%','DaySystemErrorCount':0,'DaySystemrErrorRate':'0%'}
functionda食工teDesc(listInfos,field){
for(vari=0;i<listInfos.length;i++){
for(varj=越月文得树快排i+1;j<listInfos垂粒形杂支山定.length;j++){
i顺f(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>