您的位置:首页 > Web前端 > JavaScript

ExtJS4 根据分配不同的树形菜单在不同的角色登录后

2015-10-03 13:51 465 查看
继续我的最后。建立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}

]}

]


以上仅仅是我自己想出来的一种实现用户分类的方法。。

。有一个更好的办法,请留言。



谢谢
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: