EasyUI框架有一個控制元件Tree，Tree控制元件利用JSON資料生成樹形結構，點選樹節點或選中樹節點獲取樹節點描述。下面根據一個例項來說明Tree用法，具體操作如下：
工具/原料
EasyUI框架
HBuilder
jQuery
截圖工具
瀏覽器
方法/步驟
第一步，建立靜態頁面tree.html，修改預設title內容，改為“EasyUI的Tree”，如下圖所示：
第二步，在第一步的靜態頁面引入EasyUI核心JavaScript和CSS檔案，並引入就jQuery核心js檔案，如下圖所示：
第三步，下面插入Tree資料來源並生成樹形結構，這裡選擇是仿照好友分類，分為我的好友、黑名單和公眾號，如下圖所示：
第四步，編寫Tree控制元件點選事件，並獲取點選時Tree節點的內容，如下圖所示：
第五步，在onClick事件下方編寫Tree控制元件選中事件，類似也是獲取Tree節點的內容，如下圖所示：
第六步，編寫完畢，在瀏覽器中進行預覽該靜態頁面，這時會出現兩個彈窗，如下圖所示：
注意事項
熟悉EasyUI框架中Tree控制元件的用法
區分Tree控制元件onClick事件和onSelect事件