ホームページ > ウェブフロントエンド > jsチュートリアル > ExtJS4 は、login_extjs の後に異なる役割に応じて異なるツリー メニューを配布します。

ExtJS4 は、login_extjs の後に異なる役割に応じて異なるツリー メニューを配布します。

WBOY
リリース: 2016-05-16 16:50:20
オリジナル
1413 人が閲覧しました

前回の記事の続きですが、Cookieを設定したら、Cookieを取り出します

コードをコピー コードは次のとおりです。
var userName = Ext.util.Cookies.get('userName');
var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2

次に使用できます

コードをコピーします コードは次のとおりです:
/ /ツリーメニューはさまざまな権限に従って表示されます
vartreeUrl='../store/ccTree' userAuthority '.json';


vartreeStore = 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"){// 最初の操作をクリックします。他の操作も同様です


Post以下の json コンテンツを参照します



コードをコピーします
コードは次のとおりです: [ {id: "01" ,text:"first",expanded:false,leaf:true,"children":[
],url:'login.html'},
{id :"02",テキスト :"2 番目",expanded:true,"children":[
{id:"021",text:"3 番目",leaf:true},
{id:"022" ,text :"4 番目",leaf:true}

]},
{id:"03",text:"5 番目",expanded:true,"children":[
{id :"031",text:"6 番目",leaf:true},
{id:"032",text:"7 番目",leaf:true}

]}

]


上記は、ユーザー分類を実装するために私が思いついた方法です。 。 。もっと良い方法がある場合は、メッセージを残してください。 。ありがとう
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート