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 相关文章推荐
初学JavaScript第二章
Sep 30 Javascript
Prototype String对象 学习
Jul 19 Javascript
javascript预览上传图片发现的问题的解决方法
Nov 25 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
js实现盒子移动动画效果
Aug 09 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
简单易用的计数器(数据库)
2006/10/09 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
广告显示判断
2006/08/31 Javascript
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
Javascript获取表单名称(name)的方法
2015/04/02 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
2019/05/01 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
前端开发之便利店收银系统代码
2019/12/27 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
2020/02/19 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
Python中List.count()方法的使用教程
2015/05/20 Python
python中实现控制小数点位数的方法
2019/01/24 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
Python使用正则表达式实现爬虫数据抽取
2020/08/17 Python
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
理工类毕业自我鉴定
2014/02/20 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
产假请假条
2014/04/10 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书