javascript页面排序
说到排序,肯定少不了Array Methods 中的 sort(),简单的介绍一下.
sort()方法可用来排列数组中的元素,语法是
代码
注释: 1.sortByRequeset是可选项,指定排列次序。必须是一个函数。
2.sort()默认是没有参数,函数按照字母大小排列。如果是数字按照默认情况排列,会出现错误(e.g:1,11,2,21)
3.当使用sort()后,array发生改变。
页面表格js排序,首先要得到具体哪个表格,这个不需要讲了吧!
代码
表格找到后必须对表格的内容进行应用,即得到表格tbodies的集合.
代码
得到tbodies集合以后放入Array里面
代码
所有信息已经准备完毕,我们对array进行排序(也就是上面代码中的aTrs)
代码
其中compareEle()是指定排列次序的函数。
当把数字(aTrs)排列完毕以后,需要重新生成表格
代码
这样,基本的功能已经介绍已经完成。
如果要在项目中加入这项功能需要考虑以下基本内容
1.浏览器的类型
2.需要定位是对哪一列进行排列
3.需要排列的列的数据类型。
4.是否连续排序(eg:如果按照升序排列以后,再次点击,应该按照降序列)
所以最终详细设计
代码
具体使用:
将上述代码保存为 sortable.js,在同一目录下新建sortable.html
代码
以上例子经过 ie6 和 firefox2.0.0.5调试通过
|