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}

]}

]

以上只是我自己想出来的一种实现用户分类的方法。。。有更好的方法请留言。。谢谢

您可能感兴趣的文章:

• 一个简单的js树形菜单
• JS无限极树形菜单,json格式、数组格式通用示例
• javascript 树形导航菜单实例代码
• json+jQuery实现的无限级树形菜单效果代码
• 用JS做的简单的可折叠的两级树形菜单
• js 通过cookie实现刷新不变化树形菜单
• JS+CSS实现TreeMenu二级树形菜单完整实例
• javascript实现在下拉列表中显示多级树形菜单的方法
• JS+CSS简单树形菜单实现方法
• 利用原生JS自动生成文章标题树的实例