ExtJS4利根据登录后不同的角色分配不同的树形菜单
更新时间：2014年05月02日 11:56:33 作者：
这篇文章主要介绍了ExtJS4利根据登录后不同的角色分配不同的树形菜单,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
继续我的上一篇，设置好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}
]}
]
以上只是我自己想出来的一种实现用户分类的方法。。。有更好的方法请留言。。谢谢
相关文章
这篇文章主要介绍了ExtJS中设置下拉列表框不可编辑的方法,需要的朋友可以参考下2014-05-05
ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。2009-04-04
关于viewport,Ext.panel和Ext.form.panel的关系
那个深入浅出ext作者比我还懒 viewport存放Ext.panel对象,其容器中的成员可以以borderlayout方式布局2009-05-05
extjs 初始化checkboxgroup值的代码，需要的朋友可以参考下。2011-09-09
extjs 的权限问题 要求控制的对象是 菜单，按钮，URL
这两天在解决extjs 的权限问题。要求控制的对象是 菜单，按钮，URL2010-03-03
ExtJS Button常用方法，需要学习的朋友可以参考下。2009-10-10
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等。2009-04-04
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Extjs的Panel和Window等组件在默认情况下是带边框的，通常情况下，单独使用没有什么关系，但是将Panel作为Window组件的子组件时就会出现双重边框的现象于是想办法将两重边框去掉，变成单边框,感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了ExtJS4如何给Combobox设置列表中的默认值,需要的朋友可以参考下2014-05-05
本文详细介绍下关于加载和回调的问题、从一个store添加符合某条件记录给另一个store中，感兴趣的朋友可以参考下，希望对你有所帮助2013-04-04
最新评论