//设置树的点击事件
function treeClick(node,e) {
	 if(node.isLeaf()){
		e.stopEvent();
		var n = tab.getComponent(node.id);
		//alert(node.id);
		
		fileurl = node.id+'.asp';		
		
		if (!n) {
			
			var n = tab.add({
				'id' : node.id,
				'title' : node.text,
				
				closable:true,
				html : '<iframe name="fr_'+node.id+'" id="fr_'+node.id+'" scrolling="auto" frameborder="0" width="100%" height="100%" src="'+fileurl+'"></iframe>'
				});
		}else{
			tab.remove(node.id);
			var n = tab.add({
				'id' : node.id,
				'title' : node.text,				
				closable:true,
				html : '<iframe name="fr_'+node.id+'" id="fr_'+node.id+'" scrolling="auto" frameborder="0" width="100%" height="100%" src="'+fileurl+'"></iframe>'
				});
			}
		tab.setActiveTab(n);
	 }
}

//生成标签页
var tab = new Ext.TabPanel({
			region:'center',
			deferredRender:false,
			autoScroll: true, 
			margins:'0 4 0 0',
			activeTab:0,
			enableTabScroll: false,
			resizeTabs: true,
			scrollIncrement:true,	  
			animScroll : true,
			autoTabs : true,
			items:[{
					id:'tab1',
					frame:true,
					contentEl:'center2',
					title: '首页',
					closable:false,
					autoScroll:false,					
					html:'<iframe src=right.asp name="fr_right" id="fr_right" width=100% height=100% frameborder=0 scrolling=auto ></iframe>'
					//autoLoad:{url:'login.html',scripts:true}
				  }]
		});

Ext.onReady(function(){
   //layout

   var viewport = new Ext.Viewport({
		layout:'border',
		items:[
			new Ext.BoxComponent({
				region:'north',
				el: 'north',
				height:70
			    
			}),new Ext.BoxComponent({
				region:'south',
				el: 'south',
				height:2
			}),{
			region:'west',
			id:'west-panel',
			split:true,
			width: 200,
			minSize: 175,
			maxSize: 400,
			margins:'0 0 0 0',
			layout:'accordion',
			title:'生产企业会员中心',	
			layoutConfig:{
				animate:true
				},
		    items: [
			    {
					title:'会员资料',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree" ></div>'
			    },{
					title:'库存信息发布',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree2" style="overflow:auto;width:100%;height:100%"></div>'
			    }
				,{
					title:'委托求购发布',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree3" style="overflow:auto;width:100%;height:100%"></div>'
			    },
				{
					title:'定单管理',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree4" style="overflow:auto;width:100%;height:100%"></div>'
			    },
				{
					title:'收藏管理',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree5" style="overflow:auto;width:100%;height:100%"></div>'
			    },
				{
					title:'留言管理',
					border:false,
					//iconCls:'settings',
					html:'<div id="tree6" style="overflow:auto;width:100%;height:100%"></div>'
			    }				
				]
			},
	        tab//初始标签页
		 ]
	});
	//第一棵树
    //tree2
    var root=new Ext.tree.TreeNode({
		    id:"root",
		    text:"会员资料"
		});  
    var c2=new Ext.tree.TreeNode({
		id:'lcdlx',text:'联系方式',
		leaf:true
	});
	 var c3=new Ext.tree.TreeNode({
		id:'lcdzl',text:'企业资料',
		leaf:true
	});
	var c4=new Ext.tree.TreeNode({
		id:'lcdpass',text:'修改密码',
		leaf:true
	});		
    root.appendChild(c2);
	root.appendChild(c3);
	root.appendChild(c4);

	var tree=new Ext.tree.TreePanel({
		renderTo:"tree",
		root:root,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree.setRootNode(root);
    // render the tree
    tree.render();
    root.expand();
    tree.on('click',treeClick);
	
	//第二棵树
	var root2=new Ext.tree.TreeNode({
		    id:"root2",
		    text:"库存加盟管理"
		});
   
    var c1=new Ext.tree.TreeNode({
		id:'cp_add',
		text:'库存添加',
		leaf:true
		
	});
	var c2=new Ext.tree.TreeNode({
		id:'cp',
		text:'库存管理',
		leaf:true
		
	});	
	root2.appendChild(c1);
    root2.appendChild(c2);
	
	var tree2=new Ext.tree.TreePanel({
		renderTo:"tree2",
		root:root2,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree2.setRootNode(root2); 
    tree2.render();
    root2.expand();
    tree2.on('click',treeClick);
	
	//第三棵树
	var root3=new Ext.tree.TreeNode({
		    id:"root3",
		    text:"委托求购管理"
		});

    var c1=new Ext.tree.TreeNode({
		id:'sca_add',
		text:'委托求购添加',
		leaf:true
	});
    var c2=new Ext.tree.TreeNode({
		id:'sca',
		text:'委托求购管理',
		leaf:true
		
	});	
	root3.appendChild(c1);
    root3.appendChild(c2);
	var tree3=new Ext.tree.TreePanel({
		renderTo:"tree3",
		root:root3,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree3.setRootNode(root3); 
    tree3.render();
    root3.expand();
    tree3.on('click',treeClick);
	
	//第四棵树
	var root4=new Ext.tree.TreeNode({
		    id:"root4",
		    text:"定单管理"
		});

    var c1=new Ext.tree.TreeNode({
		id:'dingdan',
		text:'我的定单',
		leaf:true
	});   
	root4.appendChild(c1);
  
	var tree4=new Ext.tree.TreePanel({
		renderTo:"tree4",
		root:root4,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree4.setRootNode(root4); 
    tree4.render();
    root4.expand();
    tree4.on('click',treeClick);

	//第五棵树
	var root5=new Ext.tree.TreeNode({
		    id:"root5",
		    text:"收藏管理"
		});

    var c1=new Ext.tree.TreeNode({
		id:'fav',
		text:'我的收藏',
		leaf:true
	});
   
	root5.appendChild(c1);
  
	var tree5=new Ext.tree.TreePanel({
		renderTo:"tree5",
		root:root5,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree5.setRootNode(root5); 
    tree5.render();
    root5.expand();
    tree5.on('click',treeClick);
	
	//第六棵树
	var root6=new Ext.tree.TreeNode({
		    id:"root6",
		    text:"信息管理"
		});

    var c1=new Ext.tree.TreeNode({
		id:'message',
		text:'留言查看',
		leaf:true
	});
	  var c2=new Ext.tree.TreeNode({
		id:'sendmessage',
		text:'信息反馈',
		leaf:true
	});
    
	root6.appendChild(c1);
	root6.appendChild(c2);
	var tree6=new Ext.tree.TreePanel({
		renderTo:"tree6",
		root:root6,
		animate:true,
		enableDD:false,
		border:false,
		rootVisible:false,
		containerScroll: true
	});
	tree6.setRootNode(root6); 
    tree6.render();
    root6.expand();
    tree6.on('click',treeClick);	
});