Auntion-TableSort國人寫的一個javascript表格排序的東西
更新時間:2007年11月12日 21:19:50 作者:
Auntion-TableSort最新版 修復了一個數(shù)字排序的問題.放出下載 07年5月5日
Auntion TableSort 測試交流第一版
(下一版將會存在部分表格相關(guān)特效)
-----------------------------------------------------------------------------
作者:Auntion
blog:Auntion.blogbus.com
e-mail:Auntion@Gmail.com
QQ:82874972
-----------------------------------------------------------------------------
注:
轉(zhuǎn)載請將此說明全部發(fā)出,因為可能會有新手不會用,并且該說明會有更詳細的擴展說明.
為了國內(nèi)javascript水平的共同進步,讓我們一起努力!
此版為3天完成,今后可能會有升級,請關(guān)注我的blog.
-----------------------------------------------------------------------------
主要功能如下:
兼容ie , firefox核心.其他的我沒有測試過,我只裝這兩個瀏覽器
支持可視編輯,跟以往一樣的做table,只用設(shè)置一個id即可使用
排序:
數(shù)字:根據(jù)大小可按照降升序排列
字母:同數(shù)字
日期:同數(shù)字,格式中不要包含中文
單選、復選框:按照true或false排列
中文:按照第一個字相同的排列.
提供用戶接口定義.可以自己實現(xiàn)不同的觸發(fā)排序的方式
封裝,繼承,多態(tài).
繼承請使用prototype
-----------------------------------------------------------------------------
>對于新手:
如何使用?
請參看 使用實例_1.htm :
■ 建立一個table
■ 如需美化請設(shè)置他的css樣式
■ 設(shè)置表頭,即給觸發(fā)該列排序的td一個class名字
■ 創(chuàng)建對象,即初試化tableSort這個類.
■ 使用默認的排序觸發(fā)方式
如果初始化?
var apply = new tableSort("bodys","tag");
apply.toTagStart();//這里將使用已經(jīng)定義的一種默認觸發(fā)方式.
■ 其中"bodys"為表格的id(可為object或string) -- 根據(jù)你的表格ID而改變
■ 其中"tag"為每列頭td的class名
>對于有興趣擴展的朋友:
本類將提供一個可擴展的模式,當前僅限于觸發(fā)的方式,即用戶接口.
具體請參看tableSort.class.js
注:
可以通過不同的方式觸發(fā)排序-步驟:
1.創(chuàng)建對象
2.(此部根據(jù)情況可選用) 多態(tài)方式設(shè)置其中的 tempCellIndex屬性 為欲排序的列的下標
如我要給第三行排序,tempCellIndex屬性即為3
3.獲取與設(shè)置狀態(tài)(參看tableSort.class.js中的注釋)
4.改變列頭的css樣式
5.初始化開始排序
(第一部和第二部不包含在用戶接口之內(nèi),為創(chuàng)建對象時的操作)
(其中第二部為創(chuàng)建對象之后進行設(shè)置)
我表達能力不太好,如果不明白請看tableSort.class.js中
/**通過點擊標簽觸發(fā)排序事件**/這一部分
打包下載
Auntion TableSort 測試交流第一版
(下一版將會存在部分表格相關(guān)特效)
-----------------------------------------------------------------------------
作者:Auntion
blog:Auntion.blogbus.com
e-mail:Auntion@Gmail.com
QQ:82874972
-----------------------------------------------------------------------------
注:
轉(zhuǎn)載請將此說明全部發(fā)出,因為可能會有新手不會用,并且該說明會有更詳細的擴展說明.
為了國內(nèi)javascript水平的共同進步,讓我們一起努力!
此版為3天完成,今后可能會有升級,請關(guān)注我的blog.
-----------------------------------------------------------------------------
主要功能如下:
兼容ie , firefox核心.其他的我沒有測試過,我只裝這兩個瀏覽器
支持可視編輯,跟以往一樣的做table,只用設(shè)置一個id即可使用
排序:
數(shù)字:根據(jù)大小可按照降升序排列
字母:同數(shù)字
日期:同數(shù)字,格式中不要包含中文
單選、復選框:按照true或false排列
中文:按照第一個字相同的排列.
提供用戶接口定義.可以自己實現(xiàn)不同的觸發(fā)排序的方式
封裝,繼承,多態(tài).
繼承請使用prototype
-----------------------------------------------------------------------------
>對于新手:
如何使用?
請參看 使用實例_1.htm :
■ 建立一個table
■ 如需美化請設(shè)置他的css樣式
■ 設(shè)置表頭,即給觸發(fā)該列排序的td一個class名字
■ 創(chuàng)建對象,即初試化tableSort這個類.
■ 使用默認的排序觸發(fā)方式
如果初始化?
var apply = new tableSort("bodys","tag");
apply.toTagStart();//這里將使用已經(jīng)定義的一種默認觸發(fā)方式.
■ 其中"bodys"為表格的id(可為object或string) -- 根據(jù)你的表格ID而改變
■ 其中"tag"為每列頭td的class名
>對于有興趣擴展的朋友:
本類將提供一個可擴展的模式,當前僅限于觸發(fā)的方式,即用戶接口.
具體請參看tableSort.class.js
注:
可以通過不同的方式觸發(fā)排序-步驟:
1.創(chuàng)建對象
2.(此部根據(jù)情況可選用) 多態(tài)方式設(shè)置其中的 tempCellIndex屬性 為欲排序的列的下標
如我要給第三行排序,tempCellIndex屬性即為3
3.獲取與設(shè)置狀態(tài)(參看tableSort.class.js中的注釋)
4.改變列頭的css樣式
5.初始化開始排序
(第一部和第二部不包含在用戶接口之內(nèi),為創(chuàng)建對象時的操作)
(其中第二部為創(chuàng)建對象之后進行設(shè)置)
我表達能力不太好,如果不明白請看tableSort.class.js中
/**通過點擊標簽觸發(fā)排序事件**/這一部分
打包下載
您可能感興趣的文章:
- Sortable.js拖拽排序使用方法解析
- react.js組件實現(xiàn)拖拽復制和可排序的示例代碼
- javascript實現(xiàn)表格排序 編輯 拖拽 縮放
- JS+CSS制作DIV層可(最小化/拖拽/排序)功能實現(xiàn)代碼
- js 表格排序(編輯+拖拽+縮放)
- javascript 表格排序和表頭浮動效果(擴展SortTable)
- jquery tablesorter.js 支持中文表格排序改進
- JS實現(xiàn)點擊表頭表格自動排序(含數(shù)字、字符串、日期)
- JS實現(xiàn)HTML表格排序功能
- javascript-表格排序(降序/反序)實現(xiàn)介紹(附圖)
- JS拖拽排序插件Sortable.js用法實例分析
相關(guān)文章
在ES5與ES6環(huán)境下處理函數(shù)默認參數(shù)的實現(xiàn)方法
本文給大家介紹在ES5與ES6環(huán)境下處理函數(shù)默認參數(shù)的實現(xiàn)方法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,感興趣的朋友跟隨腳本之家小編一起學習吧2018-05-05javascript和jquery中cookie的設(shè)置方法
Cookie 是瀏覽器訪問服務(wù)器后,服務(wù)器傳給瀏覽器的一段數(shù)據(jù)。瀏覽器需要保存這段數(shù)據(jù),不會輕易刪除(保存在計算機中)。此后每次瀏覽器訪問該服務(wù)器,都必須帶上這段數(shù)據(jù)。這篇文章主要介紹了javascript和jquery中cookie的設(shè)置方法2023-07-07