EasyUI tree更換圖標及調整間距

 web項目的左側導航tree,一般是通過請求查詢數據庫表,返回EasyUI 中tree組件所需的json數據,自動加載生成樹結構的導航菜單。Json數據中圖標對應的屬性名爲iconCls,值爲圖標名稱。項目中easyui包下的themes目錄中的icon.css爲圖標樣式,圖片文件放在在icons文件夾中。

 因此數據庫中圖標的列名應爲iconCls,對應的實體類及持久層也換爲iconCls。數據庫中的值應爲在icon.css和icons配置的圖標名稱。

 樹形菜單每個節點之間的距離EasyUI默認爲0;easyui 默認主題爲blue,在blue目錄下的easyui.css樣式文件中,根據實際情況修改一下參數。Easyui包中有多個easyui.css文件,若項目中使用默認主題,修改當前文件纔有效,若使用多個主題還需每個主題都修改。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章