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 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
LazyLoad 延迟加载(按需加载)
May 31 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
Jun 21 Javascript
Node.js爬虫如何获取天气和每日问候详解
Aug 26 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python回调函数用法实例详解
2015/07/02 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
关于python中remove的一些坑小结
2021/01/04 Python
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
夜班门卫岗位职责
2013/12/09 职场文书
班组长安全生产职责
2013/12/16 职场文书
承认错误的检讨书
2014/01/30 职场文书
人民调解员培训方案
2014/06/05 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
windows安装python超详细图文教程
2021/05/21 Python
关于nginx 实现jira反向代理的问题
2021/09/25 Servers