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 相关文章推荐
jquery zTree异步加载简单实例分享
Feb 05 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
深入浅析javascript函数中with
Oct 28 Javascript
微信小程序实现收货地址左滑删除
Nov 18 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 Javascript
vue项目如何监听localStorage或sessionStorage的变化
Jan 04 Vue.js
用javascript制作qq注册动态页面
Apr 14 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实现过滤各种HTML标签
2015/05/17 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
Python创建或生成列表的操作方法
2019/06/19 Python
django之自定义软删除Model的方法
2019/08/14 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
如何写出好的Java代码
2014/04/25 面试题
水产养殖学应届生求职信
2013/09/29 职场文书
作文评语大全
2014/04/23 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
护理心得体会范文
2016/01/22 职场文书
Python竟然能剪辑视频
2021/05/25 Python