8 手把手教你Extjs5（八）自定義選單2

2022-07-12 08:06:08 字數 1633 閱讀 8918

/*


* * 顯示在頂部的按鈕選單，可以切換至標準選單，選單樹 */


alias: 'widget.buttonmainmenu',


viewmodel: 'main',


text: '選單',


glyph: 0xf0c9,


initcomponent: 


function


() })
第二種樹狀選單，檔名為mainmenutree.js。

/*


* * 樹狀選單，顯示在主介面的左邊 */


extend: 'ext.tree.panel',


alias: 'widget.mainmenutree',


title: '系統選單',


glyph: 0xf0c9,


rootvisible: 


false


, lines: 


true


, viewmodel: 'main',


initcomponent: 


function


() });


var menus = this.getviewmodel().get('systemmenu');


var root = this


.store.getrootnode();


for (var i in


menus) );


for (var j in


menugroup.items) ;}}


this


.callparent(arguments);}})
第三種為折疊式選單，檔名為accordionmainmenu.js。

/*


* * 折疊式(accordion)選單，樣式可以自己用css進行美化 */


extend: 'ext.panel.panel',


alias: 'widget.mainmenuaccordion',


title: '系統選單',


glyph: 0xf0c9,


layout: ,


viewmodel: 'main',


initcomponent: 


function


() ,


layout: 'fit',


dockeditems: ,


glyph: menugroup.glyph


};for (var j in


menugroup.items) );


}this


.items.push(accpanel);


}this


.callparent(arguments);


},addspace: 


function


(text, len) 


return


result;}})
把這三種型別的選單加入到頁面中。先修改top.js,引入按鈕選單類

然後在items中加入

再修改main.js，引入mainmenutree 和 accordionmainmenu，在items中加入


, 


, 
經過以上處理，現在介面上會有4種型別的選單。見下圖：
 
實戰RAID5 手把手教你組磁碟陣列 5
隨著pc硬體的不斷發展，以前多見於伺服器等高階應用的raid5技術也出現在pc機上。許多玩家開始接觸到這種提公升速同時也能確保資料安全性的良好的解決方案。raid 5 模式的入門知識 raid 5 是一種儲存效能 資料安全和儲存成本兼顧的儲存解決方案。它既能實現raid 0的高速儲存讀取功能也能夠實...


手把手教你OA選型
oa選型永遠是oa行業的重要焦點，在選型問題上困擾了很多客戶，雲全oa從這幾個方面教你如何選型。了解研發技術 技術是硬道理。只有過關的技術才會研發出過硬的產品。如果技術不過關，後期將會帶來一系列的問題。同時需要考慮技術的先進性。在現如今社會發展日新月異，今天還遙遙領先的管理模式也許明天就會被淘汰。所...


手把手教你玩轉git
使用以上來寫git命令。mkdir xx 建立乙個空目錄 xx指目錄名 pwd 顯示當前目錄的路徑。git init 把當前的目錄變成可以管理的git倉庫，生成隱藏.git檔案。git add xx 把xx檔案新增到暫存區去。git commit m xx 提交檔案 m 後面的是注釋。git sta...