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 相关文章推荐
javascript eval和JSON之间的联系
Dec 31 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
JavaScript判断浏览器类型的方法
Feb 10 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
Sep 22 Javascript
JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解
Mar 31 Javascript
浅析Bootstrap组件之面板组件
May 04 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
vue计算属性get和set用法示例
Feb 08 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
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
Javascript继承(上)——对象构建介绍
2012/11/08 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
2017/02/17 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
Python进程通信之匿名管道实例讲解
2015/04/11 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Python实现密码薄文件读写操作
2019/12/16 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
法人代表证明书格式
2014/10/01 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
2015年导购员工作总结
2015/04/25 职场文书
redis缓存存储Session原理机制
2021/11/20 Redis
spring 项目实现限流方法示例
2022/07/15 Java/Android
Python如何将list中的string转换为int
2022/07/15 Ruby