ExtJS4利根據登入後不同的角色分配不同的樹狀選單_extjs

繼續我的上一篇，設定好cookie後，將他們取出

複製代碼 代碼如下:

var userName = Ext.util.Cookies.get('userName');
var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2

接下來就可以用了

複製程式碼 程式碼如下:

程式碼如下:


/樹狀選單依不同權限顯示
var treeUrl='../store/ccTree' userAuthority '.json';


var treeStore = Ext.create('Ext.data.TreeStore ', {

proxy:{
type:'ajax',

url:treeUrl
}
});

我的樹形選單從本地讀取，名字分別為ccTree0.json~ccTree2.json 建立樹形菜單的時候只要用這個treeStore就行了,下面省略了部分代碼

複製程式碼

程式碼如下:


//樹形選單

var menuTree=Ext.create('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate('Ext.treeate)> .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"){//對點了第一個的操作，其他類似

下面貼下json的內容以供參考

複製程式碼

程式碼如下:


[
{id:"01" ,text:"第一個",expanded:false,leaf:true,"children":[

],url:'login.html'},
{id:"02",text :"第二個",expanded:true,"children":[
{id:"021",text:"第三個",leaf:true},
{id:"022",text :"第四個",leaf:true}

]},
{id:"03",text:"第五個",expanded:true,"children":[
{id:"031",text:"第六個",leaf:true},
{id:"032",text:"第七個",leaf:true}

]}
] 以上只是我自己想出來的一種實現使用者分類的方法。 。 。有更好的方法請留言。 。謝謝