使用者介面架構jQuery EasyUI樣本大全之TreeGrid

標籤：應用程式   原始碼   上下文   開發人員   html5   

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

jQuery EasyUI致力於協助web開發人員更輕鬆的打造出功能豐富並且美觀的UI介面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控制項，助您打造適合當今網路的應用程式。

基本的樹網格

本示範主要為大家示範了基本的樹網格，樹網格允許您展開或摺疊一組行。【另附原始碼供大家參考】

|線上Demo

樹網格的線

該示範主要展示了如何顯示樹網格的線。【另附原始碼供大家參考】

|線上Demo

樹網格操作

本示範主要展示了樹網格的操作，點擊按鈕來執行操作。【另附原始碼供大家參考】

|線上Demo

樹網格的操作功能表

本示範主要展示了樹網格的操作功能表，單擊滑鼠右鍵顯示操作功能表。【另附原始碼供大家參考】

|線上Demo

可編輯的樹網格

本示範主要展示了可編輯的樹網格，選擇一個節點，然後單擊編輯按鈕進行編輯。【另附原始碼供大家參考】

|線上Demo

帶有頁尾的樹網格

本示範主要展示了帶有頁尾的樹網格，在樹網格頁尾上顯示摘要資訊。【另附原始碼供大家參考】

|線上Demo

使用樹網格顯示報表

本示範主要展示了如何使用樹網格顯示複雜的報表。【另附原始碼供大家參考】

|線上Demo

在樹網格中動態載入

本示範主要展示了樹網格的動態載入，點擊節點展開按鈕載入其子節點。【另附原始碼供大家參考】

|線上Demo

伺服器端分頁

本示範主要展示了如何添加分頁到樹網格中。【另附原始碼供大家參考】

|線上Demo

用戶端分頁

本示範主要展示了如何?樹網格的用戶端分頁。【另附原始碼供大家參考】

|線上Demo

流體樹網格

本示範展示了在樹網格中如何分配百分比寬度到列中。【另附原始碼供大家參考】

|線上Demo

使用者介面架構jQuery EasyUI樣本大全之TreeGrid