|
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調試通過
|