赛迪网 > IT技术 Java > 技术动态
  IT资讯搜索
 
IT产品搜索
[程序开发][网管世界][网络安全][数据库技术]
[操作系统][嘉宾聊天·在线访谈][活动集锦]
[精彩专题][Symantec专区][订阅IT技术周刊]
[开发论坛][网管论坛][安全论坛][数据库论坛]
[操作系统论坛][Sybase专区][IBM dW技术专区]
[病毒求助][病毒与漏洞播报][文档·源码下载]

JAVA基础:HTML中javascript 实现的排序

发布时间:2007.12.20 04:53     来源:赛迪网    作者:nuaaqy

利用这个脚本可以将数据库中读取出来的数据直接在页面上进行排序,而避免在数据库中排序对数据库的重复操作。

< html>
< script language="javascript">
var sorttype = 1; //desc
  function sortByCol(colNum){
    //排序        
    var parNode = document.getElementById("listtable"); //定位到table上      
    for(var i=0; i< parNode.rows.length-1; i++)
    {
     for(var n=1; n< parNode.rows.length-1-i; n++){ 
      var ifrom = parNode.rows.length-n;
      var ito = parNode.rows.length-n-1;
      if(sorttype==1){
        if(parNode.rows[ifrom].cells[colNum].childNodes[0].data > parNode.rows[ito].cells[colNum].childNodes[0].data){
            parNode.moveRow(ifrom,ito); //from-to
        }
      }else{
        if(parNode.rows[ifrom].cells[colNum].childNodes[0].data <  parNode.rows[ito].cells[colNum].childNodes[0].data){
            parNode.moveRow(ifrom,ito); //from-to
        }
      }
     }
    }
    sorttype = 0 - sorttype; //asc
  }
< /script>
< body>
< table id="listtable" width="100%" border="1" cellpadding="0" cellspacing="1">
< tr>< th onclick="sortByCol(0);">序号< /th>< th onclick="sortByCol(1);">姓名< /th>
< th onclick="sortByCol(2);">年龄< /th>< th onclick="sortByCol(3);">班级< /th>< th onclick="sortByCol(4);">成绩< /th>< /tr>
< tr>< td>1< /td>< td>ZXE< /td>< td>56< /td>< td>1< /td>< td>13< /td>< /tr>
< tr>< td>2< /td>< td>SCHB< /td>< td>34< /td>< td>3< /td>< td>23< /td>< /tr>
< tr>< td>3< /td>< td>WE< /td>< td>23< /td>< td>3< /td>< td>34< /td>< /tr>
< tr>< td>4< /td>< td>SQD< /td>< td>34< /td>< td>2< /td>< td>76< /td>< /tr>
< tr>< td>5< /td>< td>EDE< /td>< td>67< /td>< td>1< /td>< td>34< /td>< /tr>
< tr>< td>6< /td>< td>BD< /td>< td>32< /td>< td>2< /td>< td>78< /td>< /tr>
< tr>< td>7< /td>< td>AA< /td>< td>23< /td>< td>1< /td>< td>34< /td>< /tr>
< /body>
< /html>

   (责任编辑:包春林)


[ 发表评论 ] 字体[  ] [ 打印 ] [ 进入博客 ] [ 进入论坛 ]  [ 推荐给朋友 ]
  相关文章
· JAVA入门:不建议初学者使用Java Enum (12-19) · 浅谈关于软件制造还是服务的一点点感想 (12-19)
· 浅谈Java中通信机制及与C/C++ API的集成 (12-19) · J2SE综合:Interface与Object之间关系问题 (12-19)
· Java中String类型的参数传递问题的解析 (12-19) · J2EE综合:看JAVA设计模式之事务处理 (12-19)
· Tomcat虽然受欢迎,但未来绝非高枕无忧 (12-19) · Java如何调用可执行文件和批处理命令 (12-19)
· Servlet技术及其与CGI的比较 (12-18) · JSP与Servlets区别 (12-18)
  客户需求反馈表
* 姓  名:
更多资料  了解方案  认识厂商
* 单位名称:
* 联系电话:
* 电子邮件:
  赛迪推荐  
  手机·资费 ·新品·导购·评测·手机资费·宽带
手机搜索  诺基亚 N73 MOTO Z6
  IT产品 ·笔记本·台式机·服务器·打印·投影
IT产品搜索 
  IT技术 ·开发·网管·安全·数据库·操作系统
  信息化 ·热点·专题·访谈·周刊·方案案例
· 网银交易收费 我国银行业如何达国际化标准
· 家庭信息化普及率提高 网上缴费成为新时尚
· 五条黄金准则能够让CIO巧妙加薪 CIO焦虑调查
· 网上书店解决方案 深圳边检指挥中心ITSM项目
  IT博客 ·曾剑秋·项立刚·Java学习·网管
  IT技术论坛 ·开发·网管·安全·数据库·系统