ExtJS4利根據(jù)登錄后不同的角色分配不同的樹(shù)形菜單
更新時(shí)間:2014年05月02日 11:56:33 作者:
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹(shù)形菜單,需要的朋友可以參考下
繼續(xù)我的上一篇,設(shè)置好cookie后,將他們?nèi)〕鰜?lái)
var userName = Ext.util.Cookies.get('userName');
var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2
接下來(lái)就可以用了
//樹(shù)形菜單根據(jù)不同權(quán)限顯示
var treeUrl='../store/ccTree'+userAuthority+'.json';
var treeStore = Ext.create('Ext.data.TreeStore', {
proxy:{
type:'ajax',
url:treeUrl
}
});
我的樹(shù)形菜單從本地讀取,名字分別為ccTree0.json~ccTree2.json
建立樹(shù)形菜單的時(shí)候只要用這個(gè)treeStore就行了,下面省略了部分代碼
//樹(shù)形菜單
var menuTree=Ext.create('Ext.tree.Panel', {
// title: 'Simple Tree',
width: 200,
height: 650,
useArrows:true,
store: treeStore,//在這里引用
rootVisible: false,
renderTo: Ext.getBody(),
listeners:{
itemclick: function(view,rec,el,index,e) {
// alert(rec.id);
if(rec.raw.id=="01"){//對(duì)點(diǎn)了第一個(gè)的操作,其他類似
下面貼下json的內(nèi)容以供參考
[
{id:"01",text:"第一個(gè)",expanded:false,leaf:true,"children":[
],url:'login.html'},
{id:"02",text:"第二個(gè)",expanded:true,"children":[
{id:"021",text:"第三個(gè)",leaf:true},
{id:"022",text:"第四個(gè)",leaf:true}
]},
{id:"03",text:"第五個(gè)",expanded:true,"children":[
{id:"031",text:"第六個(gè)",leaf:true},
{id:"032",text:"第七個(gè)",leaf:true}
]}
]
以上只是我自己想出來(lái)的一種實(shí)現(xiàn)用戶分類的方法。。。有更好的方法請(qǐng)留言。。謝謝
復(fù)制代碼 代碼如下:
var userName = Ext.util.Cookies.get('userName');
var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2
接下來(lái)就可以用了
復(fù)制代碼 代碼如下:
//樹(shù)形菜單根據(jù)不同權(quán)限顯示
var treeUrl='../store/ccTree'+userAuthority+'.json';
var treeStore = Ext.create('Ext.data.TreeStore', {
proxy:{
type:'ajax',
url:treeUrl
}
});
我的樹(shù)形菜單從本地讀取,名字分別為ccTree0.json~ccTree2.json
建立樹(shù)形菜單的時(shí)候只要用這個(gè)treeStore就行了,下面省略了部分代碼
復(fù)制代碼 代碼如下:
//樹(shù)形菜單
var menuTree=Ext.create('Ext.tree.Panel', {
// title: 'Simple Tree',
width: 200,
height: 650,
useArrows:true,
store: treeStore,//在這里引用
rootVisible: false,
renderTo: Ext.getBody(),
listeners:{
itemclick: function(view,rec,el,index,e) {
// alert(rec.id);
if(rec.raw.id=="01"){//對(duì)點(diǎn)了第一個(gè)的操作,其他類似
下面貼下json的內(nèi)容以供參考
復(fù)制代碼 代碼如下:
[
{id:"01",text:"第一個(gè)",expanded:false,leaf:true,"children":[
],url:'login.html'},
{id:"02",text:"第二個(gè)",expanded:true,"children":[
{id:"021",text:"第三個(gè)",leaf:true},
{id:"022",text:"第四個(gè)",leaf:true}
]},
{id:"03",text:"第五個(gè)",expanded:true,"children":[
{id:"031",text:"第六個(gè)",leaf:true},
{id:"032",text:"第七個(gè)",leaf:true}
]}
]
以上只是我自己想出來(lái)的一種實(shí)現(xiàn)用戶分類的方法。。。有更好的方法請(qǐng)留言。。謝謝
您可能感興趣的文章:
- 一個(gè)簡(jiǎn)單的js樹(shù)形菜單
- JS無(wú)限極樹(shù)形菜單,json格式、數(shù)組格式通用示例
- javascript 樹(shù)形導(dǎo)航菜單實(shí)例代碼
- json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹(shù)形菜單效果代碼
- 用JS做的簡(jiǎn)單的可折疊的兩級(jí)樹(shù)形菜單
- js 通過(guò)cookie實(shí)現(xiàn)刷新不變化樹(shù)形菜單
- JS+CSS實(shí)現(xiàn)TreeMenu二級(jí)樹(shù)形菜單完整實(shí)例
- javascript實(shí)現(xiàn)在下拉列表中顯示多級(jí)樹(shù)形菜單的方法
- JS+CSS簡(jiǎn)單樹(shù)形菜單實(shí)現(xiàn)方法
- 利用原生JS自動(dòng)生成文章標(biāo)題樹(shù)的實(shí)例
相關(guān)文章
Ext JS 4實(shí)現(xiàn)帶week(星期)的日期選擇控件(實(shí)戰(zhàn)二)
Javascript 有提供Date 對(duì)象用于處理時(shí)間。但是Date 并沒(méi)有提供獲取星期的方法,jquery 的擴(kuò)展組件 等有直接提供這樣的一些現(xiàn)成包,感興趣的朋友可以了解下2013-08-08Ext中下拉列表ComboBox組件store數(shù)據(jù)格式用法介紹
本文為大家詳細(xì)介紹下Ext中下拉列表ComboBox組件store數(shù)據(jù)格式的基本用法,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07Extjs3.0 checkboxGroup 動(dòng)態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動(dòng)態(tài)添加item,如需要數(shù)據(jù)動(dòng)態(tài)創(chuàng)建,試著創(chuàng)建整個(gè)CheckboxGroup,而不是動(dòng)態(tài)添加item,具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-08-08ExtJS 2.0 GridPanel基本表格簡(jiǎn)明教程
ExtJS中的表格功能非常強(qiáng)大,包括了排序、緩存、拖動(dòng)、隱藏某一列、自動(dòng)顯示行號(hào)、列匯總、單元格編輯等實(shí)用功能。2010-05-05ExtJS Store的數(shù)據(jù)訪問(wèn)與更新問(wèn)題
ExtJS Store的數(shù)據(jù)訪問(wèn)與更新問(wèn)題,需要的朋友可以參考下。2010-04-04ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup,雖然EXTJS4中的gridpanel自帶列表可以來(lái)控制列的顯示隱藏,需要的朋友可以參考下2014-05-05解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問(wèn)題
由于開(kāi)發(fā)過(guò)程中大多用chrome來(lái)調(diào)試,很少在ie中調(diào)試(現(xiàn)在兩者都要兼顧),導(dǎo)致最后在ie中頁(yè)面不能正常加載,當(dāng)時(shí)那個(gè)囧啊,看到ie報(bào)的錯(cuò),我都想哭,連出錯(cuò)的堆棧信息都沒(méi)有(這一點(diǎn),ie做的真不好),無(wú)從下手啊2013-01-01