|
javascript頁(yè)面排序
說(shuō)到排序,肯定少不了Array Methods 中的 sort(),簡(jiǎn)單的介紹一下.
sort()方法可用來(lái)排列數(shù)組中的元素,語(yǔ)法是
代碼
注釋: 1.sortByRequeset是可選項(xiàng)，指定排列次序。必須是一個(gè)函數(shù)。
2.sort()默認(rèn)是沒有參數(shù)，函數(shù)按照字母大小排列。如果是數(shù)字按照默認(rèn)情況排列，會(huì)出現(xiàn)錯(cuò)誤（e.g：1,11,2,21）
3.當(dāng)使用sort()后，array發(fā)生改變。
頁(yè)面表格js排序，首先要得到具體哪個(gè)表格，這個(gè)不需要講了吧！
代碼
表格找到后必須對(duì)表格的內(nèi)容進(jìn)行應(yīng)用,即得到表格tbodies的集合.
代碼
得到tbodies集合以后放入Array里面
代碼
所有信息已經(jīng)準(zhǔn)備完畢,我們對(duì)array進(jìn)行排序(也就是上面代碼中的aTrs)
代碼
其中compareEle()是指定排列次序的函數(shù)。
當(dāng)把數(shù)字（aTrs）排列完畢以后，需要重新生成表格
代碼
這樣，基本的功能已經(jīng)介紹已經(jīng)完成。
如果要在項(xiàng)目中加入這項(xiàng)功能需要考慮以下基本內(nèi)容
1.瀏覽器的類型
2.需要定位是對(duì)哪一列進(jìn)行排列
3.需要排列的列的數(shù)據(jù)類型。
4.是否連續(xù)排序（eg：如果按照升序排列以后，再次點(diǎn)擊，應(yīng)該按照降序列）
所以最終詳細(xì)設(shè)計(jì)
代碼
具體使用:
將上述代碼保存為 sortable.js,在同一目錄下新建sortable.html
代碼
以上例子經(jīng)過 ie6 和 firefox2.0.0.5調(diào)試通過
|