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

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

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

基本的樹網格

本演示主要爲你們演示了基本的樹網格，樹網格容許您展開或摺疊一組行。【另附源代碼供你們參考】

|在線Demo

樹網格的線

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

|在線Demo

樹網格操做

本演示主要展現了樹網格的操做，點擊按鈕來執行操做。【另附源代碼供你們參考】

|在線Demo

樹網格的上下文菜單

本演示主要展現了樹網格的上下文菜單，單擊鼠標右鍵顯示上下文菜單。【另附源代碼供你們參考】

|在線Demo

可編輯的樹網格

本演示主要展現了可編輯的樹網格，選擇一個節點，而後單擊編輯按鈕進行編輯。【另附源代碼供你們參考】

|在線Demo

帶有頁腳的樹網格

本演示主要展現了帶有頁腳的樹網格，在樹網格頁腳上顯示摘要信息。【另附源代碼供你們參考】

|在線Demo

使用樹網格顯示報表

本演示主要展現瞭如何使用樹網格顯示覆雜的報表。【另附源代碼供你們參考】

|在線Demo

在樹網格中動態加載

本演示主要展現了樹網格的動態加載，點擊節點展開按鈕加載其子節點。【另附源代碼供你們參考】

|在線Demo

服務器端分頁

本演示主要展現瞭如何添加分頁到樹網格中。【另附源代碼供你們參考】

|在線Demo

客戶端分頁

本演示主要展現瞭如何實現樹網格的客戶端分頁。【另附源代碼供你們參考】

|在線Demo

流體樹網格

本演示展現了在樹網格中如何分配百分比寬度到列中。【另附源代碼供你們參考】

|在線Demo