用戶界面框架jQuery EasyUI示例大全之Tree

<jQuery EasyUI最新試用版免費下載>

jQuery EasyUI致力於幫助web開發者更輕鬆的打造出功能豐富而且美觀的UI界面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

基本樹

本示例主要演示了jQuery EasyUI基本的樹，在左邊可點擊展開或摺疊節點的箭頭。【另附源代碼供你們參考】

|在線Demo

動畫樹

本示例主要演示了jQuery EasyUI的動畫樹，將'animate'屬性設置爲true可應用動畫效果。【另附源代碼供你們參考】

|在線Demo

複選框樹

本示例主要演示了jQuery EasyUI的複選框樹，樹節點具備複選框。【另附源代碼供你們參考】

|在線Demo

樹的線條

本演示主要展現瞭如何顯示樹的線條。【另附源代碼供你們參考】

|在線Demo

樹節點圖標

此演示展現瞭如何將圖標添加到樹節點。【另附源代碼供你們參考】

|在線Demo

樹操做

本示例主要爲你們介紹樹的操做，點擊下面的按鈕來執行操做。【另附源代碼供你們參考】

|在線Demo

樹的上下文菜單

本演示主要爲你們展現了樹的上下文菜單，在節點上右鍵單擊可顯示上下文菜單。【另附源代碼供你們參考】

|在線Demo

拖放樹節點

本演示主要爲你們展現了拖放樹節點，按下鼠標並拖動一個節點到另外一個位置。【另附源代碼供你們參考】

|在線Demo

可編輯的樹

本演示主要爲你們展現可編輯的樹，點擊節點開始編輯，按回車鍵中止編輯或ESC鍵取消編輯。【另附源代碼供你們參考】

|在線Demo

異步樹

本演示主要展現了異步樹，展開節點按需加載其子節點。【另附源代碼供你們參考】

|在線Demo

延遲加載樹節點

本演示主要展現瞭如何延遲加載樹節點，獲取完整層次樹的數據，逐級延遲加載節點。【另附源代碼供你們參考】

|在線Demo

格式化樹節點

本演示主要展現瞭如何在節點上顯示額外信息。【另附源代碼供你們參考】

|在線Demo