ExtJS4利根据登录后不同的角色分配不同的树形菜单


Posted in Javascript onMay 02, 2014

继续我的上一篇,设置好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} 
]} 
]

以上只是我自己想出来的一种实现用户分类的方法。。。有更好的方法请留言。。谢谢
Javascript 相关文章推荐
MSN消息提示类
Sep 05 Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
JQuery的Ajax跨域请求原理概述及实例
Apr 26 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
Nov 02 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
ExtJS4给Combobox设置列表中的默认值示例
May 02 #Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 #Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 #Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 #Javascript
用json方式实现在 js 中建立一个map
May 02 #Javascript
jquery操作checkbox实现全选和取消全选
May 02 #Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 #Javascript
You might like
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
一端时间轮换的广告
2006/06/26 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
js实现简单的验证码
2015/12/25 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
Python中的取模运算方法
2018/11/10 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
python中的错误如何查看
2020/07/08 Python
extern是什么意思
2016/03/10 面试题
人事助理岗位职责
2013/11/18 职场文书
数学系毕业生的自我评价
2014/01/10 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android