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获取div高度的代码
Aug 09 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
vue axios封装及API统一管理的方法
Apr 18 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
详解基于Vue的支持数据双向绑定的select组件
Sep 02 Javascript
vue 限制input只能输入正数的操作
Aug 05 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中截取中文字符串的代码小结
2011/07/17 PHP
PHP实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
28个JS验证函数收集
2010/03/02 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
Egret引擎开发指南之创建项目
2014/09/03 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
Python中AND、OR的一个使用小技巧
2015/02/18 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
工商学院毕业生个人自我评价
2013/09/19 职场文书
致800米运动员广播稿
2014/02/16 职场文书
中班开学寄语
2014/04/04 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
本科应届生求职信
2014/08/05 职场文书
单位未婚证明范本
2014/11/25 职场文书
先进个人评语大全
2015/01/04 职场文书
幼师中班个人总结
2015/02/12 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis
js前端图片加载异常兜底方案
2022/06/21 Javascript