支援IE6的樹形節結構TreeTable

關於treetable實際應用的案例：

treetable是跨瀏覽器、效能很高的jquery的樹表元件，它使用非常簡單，只需要引用jquery庫和乙個js檔案，介面也很簡單。

相容主流瀏覽器: 支援ie6和ie6+, firefox, chrome, opera, safari

介面簡潔: 在普通**的基礎上增加父子關係的自定義標籤就可以

元件效能高: 內部實現了只繫結了table的事件、使用了css sprite合併等

提供兩種風格: 通過引數來設定風格

效果圖

介面

function($treetable, id)

使用方式引用的檔案

js**

html結構

標題td>

內容td>

tr>

1span>td>

內容td>

tr>

2span>td>

內容td>

tr>

3td>

內容td>

tr>

4td>

內容td>

tr>

4.1td>

內容td>

tr>

5td>

注意這個節點是動態載入的td>

tr>

8td>

內容td>

tr>

table>

關於1.0版本：建立基本功能。(2011-05-04)

1.1版本：(2011-05-08)

這個版本提高了效能，做了以下改進：

* 1、使用了css sprite tools 合併了分散的圖示

* 2、使用了.id的方式來代替原來[pid=id]，這樣選擇孩子效率更高

* 3、把css剝離出來，增加動態新增css，每次家在前判斷是否新增過

關於第二點，非常感謝onli同學的提醒。但我並沒有直接修改我的介面，直接除去pid，而是在第一次遍歷時將pid作為class名新增到節點中。這樣有兩個好處：（1）介面可讀性會比較好，pid比class更容易理解。（2）第二點，如果直接使用class，那節點本來就有樣式，這樣獲取到的classname還要去分解空格得到pid，挺麻煩的。

1.3版本：(2011-05-09)

這個版本擴充套件了事件，做了以下改進：   
* 1、增加onselect事件，onselect: function($treetable, id){} 
* 2、增加beforeexpand事件，beforeexpand : function($treetable, id){}   動態載入節點就靠beforeexpand 事件了。

1.4.2版本：(2011-09-03)

這個版本修復了bug，做了以下改進：

* 1、修復了多個tabletree不在同個頁面的bug，並且可以讓不同的tabletree使用不同的主題。

* 2、增加了controller的自定義標籤來控制可點選的區域。

我需要支援IE6麼？

開發過web的朋友對這個都深有體會，如果做出來的可以不需要支援ie6，工作量可能會減少一半，介面能更漂亮，使用者的瀏覽體驗也會更好。ie6是廣大前端開發者的噩夢，這麼多年一直纏繞在身邊那麼，我們的可以不支援ie6麼？geforce的態度當你用ie6訪問則直接跳轉到這麼乙個noie6的頁面 ...

我需要支援IE6麼？

IE6不支援position fixed的解決方法

在做頁面右下腳對話方塊時，直接使用position fixed 大部分瀏覽器很容易就能做到，但是在ie6中卻發現不行，原來是ie6不支援position fixed 這個屬性。雖然用js肯定能解決這個問題，但是總覺得用js來做布局的工作不是很好，網上找了下這個問題，發現可以直接用css方法解決，如下...

支援IE6的樹形節結構TreeTable

我需要支援IE6麼？

我需要支援IE6麼？

IE6不支援position fixed的解決方法

相關推薦