Auntion-TableSort國人寫的一個javascript表格排序的東西

來源:互聯網
上載者:User

Auntion-TableSort最新版 修複了一個數字排序的問題.放出下載 07年5月5日

Auntion TableSort 測試交流第一版
(下一版將會存在部分表格相關特效)
-----------------------------------------------------------------------------

作者:Auntion
blog:Auntion.blogbus.com
e-mail:Auntion@Gmail.com
QQ:82874972

-----------------------------------------------------------------------------

注:
轉載請將此說明全部發出,因為可能會有新手不會用,並且該說明會有更詳細的擴充說明.
為了國內javascript水平的共同進步,讓我們一起努力!
此版為3天完成,今後可能會有升級,請關注我的blog.

-----------------------------------------------------------------------------

主要功能如下:

相容ie , firefox核心.其他的我沒有測試過,我只裝這兩個瀏覽器

支援視覺編輯,跟以往一樣的做table,只用設定一個id即可使用

排序:
數字:根據大小可按照降升序排列
字母:同數字
日期:同數字,格式中不要包含中文
單選、複選框:按照true或false排列
中文:按照第一個字相同的排列.

提供使用者介面定義.可以自己實現不同的觸發排序的方式

封裝,繼承,多態.
繼承請使用prototype

-----------------------------------------------------------------------------

>對於新手:

如何使用?

請參看 使用執行個體_1.htm :

■ 建立一個table

■ 如需美化請設定他的css樣式

■ 設定表頭,即給觸發該列排序的td一個class名字

■ 建立對象,即初試化tableSort這個類.

■ 使用預設的排序觸發方式

如果初始化?

var apply = new tableSort("bodys","tag");
apply.toTagStart();//這裡將使用已經定義的一種預設觸發方式.

■ 其中"bodys"為表格的id(可為object或string) -- 根據你的表格ID而改變

■ 其中"tag"為每列頭td的class名

>對於有興趣擴充的朋友:

本類將提供一個可擴充的模式,當前僅限於觸發的方式,即使用者介面.

具體請參看tableSort.class.js

注:
可以通過不同的方式觸發排序-步驟:
1.建立對象
2.(此部根據情況可選用) 多態方式設定其中的 tempCellIndex屬性 為欲排序的列的下標
如我要給第三行排序,tempCellIndex屬性即為3

3.擷取與設定狀態(參看tableSort.class.js中的注釋)
4.改變列頭的css樣式
5.初始化開始排序

(第一部和第二部不包含在使用者介面之內,為建立對象時的操作)
(其中第二部為建立對象之後進行設定)

我表達能力不太好,如果不明白請看tableSort.class.js中
/**通過點擊標籤觸發排序事件**/這一部分
打包下載

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.