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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
JSON+Jquery省市区三级联动
Jan 13 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
Sep 04 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 上传功能实例代码
2010/04/13 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
Python随机读取文件实现实例
2017/05/25 Python
python正则表达式之对号入座篇
2018/07/24 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Django中的用户身份验证示例详解
2019/08/07 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
python lambda的使用详解
2021/02/26 Python
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
运动会通讯稿100字
2014/01/31 职场文书
腾讯广告词
2014/03/19 职场文书
开工仪式主持词
2014/03/20 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
十大必看国产动漫排名,魁拔上线,第二曾在日本播出
2022/03/18 国漫