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

2019-11-21 01:53:37

字體：大中小

來源：轉載

供稿：網友

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中
/**通過點擊標簽觸發排序事件**/這一部分
    打包下載

上一篇：Auntion-TableSort javascript類文件第1/2頁

下一篇：用js實現終止瀏覽器對頁面HTML的繼續解析即停止解析兼容firefox