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 相关文章推荐
JSON 客户端和服务器端的格式转换
Aug 27 Javascript
dojo学习第二天 ajax异步请求之绑定列表
Aug 29 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
探索webpack模块及webpack3新特性
Sep 18 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
Apr 19 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
JavaScript This指向问题详解
Nov 25 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
Jan 19 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
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
简单JS代码压缩器
2006/10/12 Javascript
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
JavaScript实现快速排序的方法分析
2018/01/10 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
python入门教程 python入门神图一张
2018/03/05 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
python3字符串操作总结
2019/07/24 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
一些Unix笔试题和面试题
2013/01/22 面试题
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
数学国培研修感言
2014/02/13 职场文书
产品包装策划方案
2014/05/18 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
党校培训学习心得体会
2016/01/06 职场文书
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
HTML中的表单元素介绍
2022/02/28 HTML / CSS