|
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调试通过
|