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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
JavaScript小技巧 2.5 则
Sep 12 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
使用JavaScript计算前一天和后一天的思路详解
Dec 20 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 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实现Socket服务器的代码
2008/04/03 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
javascript 树形导航菜单实例代码
2013/08/13 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
JavaScript动态添加css样式和script标签
2016/07/19 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
nodejs项目windows下开机自启动的方法
2017/11/22 NodeJs
页面点击小红心js实现代码
2018/05/26 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
Python分析学校四六级过关情况
2017/11/22 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
Python如何操作docker redis过程解析
2020/08/10 Python
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
高中毕业生自我鉴定
2013/11/03 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
优秀护士事迹材料
2014/12/25 职场文书
上诉答辩状范文
2015/05/22 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
Python中22个万用公式的小结
2021/07/21 Python
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL
Django框架模板用法详解
2022/06/10 Python
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript