系統菜單欄[附源碼]
似乎我們需要更多的模塊了,我們有一個樣例程序,可以幫助我們以後的系統開發做很多對照,我們稍後還有系統日志和系統異常的記錄,這時浏覽發生了困難,我們這一節來完成一個大家比較喜歡的東西吧,系統菜單欄,我們系統左邊預留了一個位置,那裡存放菜單,菜單在這裡主要可以分為兩種,
1. outlook模式,可以用easyui的accordion,做起來可以很漂亮,博客園很多人寫的系統,我都看到了用這個,菜單前面還可以放菜單圖標,這裡給大家看一個效果(這是J-UI富客戶端框架的菜單欄)優點是漂亮啊,缺點也很明顯,只有兩層結構,系統龐大,菜單太多,顯示就很麻煩了,不夠用和不好看,accordion配合tree看起來很繁瑣,本人比較喜歡簡潔的東西
accordion:
accordion和tree結合:
2. tree模式,樹結構,缺點是簡潔,沒有視角上的享受,優點是無限級別,ajax異步獲取,速度快。有很多樹的jquery插件,可以使用easyui的tree,我這裡不用easyui的tree,我下載一個比較輕巧的jquery tree插件--wdtree這個插架非常輕巧,支持異步
動手吧!下載wdtree插件,我這裡提供下載,我以前下載的wdtree不是很好用(不知道現在有沒有新版本),但是我重新對這個插件進行修復,很符合菜單的操作,
wdtree修復版下載:http://files.cnblogs.com/ymnets/wdtree.7z
解壓後,把js文件放到Scripts目錄下,把樣式放到Content目錄下