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 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
Sep 18 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
Jan 20 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
Nov 03 Javascript
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
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
PHP脚本的10个技巧(2)
2006/10/09 PHP
js function定义函数使用心得
2010/04/15 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
Bootstrap每天必学之响应式导航、轮播图
2016/04/25 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
Python处理JSON数据并生成条形图
2016/08/05 Python
SVM基本概念及Python实现代码
2017/12/27 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
HTML5调用手机发短信和打电话功能
2020/04/29 HTML / CSS
联谊活动总结
2014/08/28 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
2015年度保密工作总结
2015/04/24 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL