Maison > interface Web > js tutoriel > ExtJS4 distribue différents menus arborescents selon différents rôles après login_extjs

ExtJS4 distribue différents menus arborescents selon différents rôles après login_extjs

WBOY
Libérer: 2016-05-16 16:50:20
original
1427 Les gens l'ont consulté

Poursuivant mon article précédent, après avoir paramétré les cookies, retirez-les

Copiez le code Le code est le suivant :

var userName = Ext.util.Cookies.get('userName');
var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2

Vous pouvez l'utiliser ensuite
Copiez le code Le code est le suivant :

/ /Le menu Arbre s'affiche selon différentes autorisations
var treeUrl='../store/ccTree' userAuthority '.json'


var treeStore = Ext.create( 'Ext.data.TreeStore ', {

proxy :{
type:'ajax',
url:treeUrl
}
} ;

Mon arbre Le menu est lu à partir du local, et les noms sont ccTree0.json~ccTree2.json

Lors de la création d'un menu arborescent, utilisez simplement ce treeStore Une partie du code est omise ci-dessous
.
Copier le code Le code est le suivant :

//Tree menu

var menuTree =Ext.create('Ext.tree .Panel', {
// titre : 'Arbre simple',
largeur : 200,
hauteur : 650,
useArrows:true,
store : treeStore,//Citer ici
rootVisible : false,
renderTo : Ext.getBody(),
listeners :{
itemclick : function(view,rec,el,index,e) {
// alert(rec .id);
if(rec.raw.id=="01"){// Cliquez sur la première opération, les autres sont similaires

Publiez le json ci-dessous pour référence
Copier le code Le code est le suivant :

[
{id : "01" ,text:"first",expanded:false,leaf:true,"children":[

],url:'login.html'},
{id : "02",text :"second",expanded:true,"children":[
{id:"021",text:"third",leaf:true},
{id:"022", text :"Quatrième",leaf:true}

]},
{id:"03",text:"Cinquième",expanded:true,"children":[
{id: "031",texte:"Sixième",feuille:true},
{id:"032",texte:"Septième",feuille:true}

]}

]

Ce qui précède n'est qu'une méthode que j'ai trouvée pour implémenter la classification des utilisateurs. . . Si vous avez un meilleur moyen, veuillez laisser un message. . Merci
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal