ExtJS4利根据登录后不同的角色分配不同的树形菜单
更新时间：2014年05月02日 11:56:33 作者：
这篇文章主要介绍了ExtJS4利根据登录后不同的角色分配不同的树形菜单,需要的朋友可以参考下
继续我的上一篇，设置好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}
]}
]
以上只是我自己想出来的一种实现用户分类的方法。。。有更好的方法请留言。。谢谢
复制代码 代码如下:
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}
]}
]
以上只是我自己想出来的一种实现用户分类的方法。。。有更好的方法请留言。。谢谢
相关文章
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Javascript 有提供Date 对象用于处理时间。但是Date 并没有提供获取星期的方法，jquery 的扩展组件 等有直接提供这样的一些现成包，感兴趣的朋友可以了解下2013-08-08
Ext中下拉列表ComboBox组件store数据格式用法介绍
本文为大家详细介绍下Ext中下拉列表ComboBox组件store数据格式的基本用法，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
Extjs3.0 checkboxGroup 动态添加item实现思路
Extjs3.0中的CheckboxGroup默认不能动态添加item,如需要数据动态创建，试着创建整个CheckboxGroup，而不是动态添加item，具体实现如下，感兴趣的朋友可以了解下2013-08-08
ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。2010-05-05
Extjs组件的定义在网上看到了一个实例，于是拷了下来留着以后用，现在把它晒出来与大家一起分享，感兴趣的各位可不要错过了哈2013-06-06
ExtJS Store的数据访问与更新问题，需要的朋友可以参考下。2010-04-04
Extjs表单验证包括空验证、用vtype格式进行简单的验证、高级自定义密码验证、使用正则表达式验证等等2014-03-03
ExtJS的FieldSet的column列布局，需要的朋友可以参考下。2009-11-11
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
需要做一个控制grid列显示的checkboxgroup，虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏,需要的朋友可以参考下2014-05-05
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
由于开发过程中大多用chrome来调试，很少在ie中调试（现在两者都要兼顾），导致最后在ie中页面不能正常加载，当时那个囧啊，看到ie报的错，我都想哭，连出错的堆栈信息都没有（这一点，ie做的真不好），无从下手啊2013-01-01
最新评论