Easyui系列教材:[6]Tree?

Tags: 語音, 教材,

接上一節,介紹Tree 樹二級導航

工具/原料

電腦

瀏覽器

Editplus

Easyui

Jquery

方法/步驟

進入DEMO資料夾,接著進入TREE資料夾,用瀏覽器開啟basic.html檔案,如圖所示,點選倒三角即可開啟、摺疊選中項

Easyui系列教材:[6]Tree 樹二級導航

用EDITPLUS開啟 basic.html 檔案,檢視原始碼

Easyui系列教材:[6]Tree 樹二級導航

預設情況下,想要摺疊與開啟選單項,需要點選選單項前的倒三角

Easyui系列教材:[6]Tree 樹二級導航

通過新增JS程式碼,實現點選文字即可實現選單的開啟與摺疊,程式碼如圖

Easyui系列教材:[6]Tree 樹二級導航

到目前整體例項介面如圖

Easyui系列教材:[6]Tree 樹二級導航

下一節介紹tabs標籤選項卡

語音, 教材,
相關問題答案