ExtJS4利根據登錄后不同的角色分配不同的樹形菜單
更新時間：2014年05月02日 11:56:33 作者：
這篇文章主要介紹了ExtJS4利根據登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下
繼續(xù)我的上一篇，設置好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.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"){//對點了第一個的操作，其他類似
下面貼下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}
]}
]
以上只是我自己想出來的一種實現用戶分類的方法。。。有更好的方法請留言。。謝謝
復制代碼 代碼如下:
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.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"){//對點了第一個的操作，其他類似
下面貼下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}
]}
]
以上只是我自己想出來的一種實現用戶分類的方法。。。有更好的方法請留言。。謝謝
相關文章
ext combobox動態(tài)加載數據庫數據(附前后臺)
這篇文章主要介紹了ext combobox動態(tài)加載數據庫數據并附前后臺實現,需要的朋友可以參考下2014-06-06
今天做一個grid，里面的數據需要帶明細，思來想去還是搞個表格嵌套吧,需要的朋友可以參考下2014-05-05
ComboBox 和 DateField 在IE下消失的解決方法
開發(fā)過程中卻遇到了在 IE 瀏覽器中放大、縮小窗口大小會導致這兩個組件消失不見不報任何錯誤且在其他瀏覽器正常，通過本文你將學會如何解決此問題2013-08-08
ExtJS 刷新后如何默認選中刷新前最后一次選中的節(jié)點
這篇文章主要介紹了ExtJS 刷新后如何默認選中刷新前最后一次選中的節(jié)點,需要的朋友可以參考下2014-04-04
extjs grid設置某列背景顏色和字體顏色的實現步驟，需要的朋友可以參考下。2010-09-09
這篇文章以示例的方式為大家介紹了ext前臺接收action傳過來的json數據,需要的朋友可以參考下2014-06-06
Ext JS 4實現帶week(星期)的日期選擇控件(實戰(zhàn)一)
有一些日期選擇的需求是要看到星期，就是日期中的哪一天是這一年的第幾周，遺憾的是Ext js 并沒有提供這樣的配置，下面為大家分享下理想的解決方法2013-08-08
ExtJS下GridPanel 根據條件改變字體顏色的實現代碼。2010-03-03
昨天剛接觸到Extjs，簡單寫了篇學習筆記，今天繼續(xù)。2008-12-12
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。2009-11-11