Extjs后台管理系统模板

      
    

	
	
	    
	
	
	






  

  
    

  

Ext.onReady(function() {

	var tree = new Ext.tree.TreePanel( {
		rootVisible : false
	});
	var tree = new Ext.tree.TreePanel( {});
	var root = new Ext.tree.AsyncTreeNode( {
		text : '后台管理',
		id : '0',
		children : [ {
			text : '权限管理',
			id : '01',
			children : [
			// {text:' 资源 ',leaf:true,id:'11'},
					{
						text : '  用户  ',
						leaf : true,
						id : '12'
					}, {
						text : '  角色  ',
						leaf : true,
						id : '13'
					} ]
		}, {
			text : '分类管理',
			leaf : true,
			id : '02'
		}, {
			text : '专题管理',
			leaf : true,
			id : '03'
		}, {
			text : '信息管理',
			leaf : true,
			id : '04'
		}, {
			text : '审核　',
			leaf : true,
			id : '05'
		}, {
			text : '搜索　',
			leaf : true,
			id : '06'
		}, {
			text : '退出',
			leaf : true,
			id : '41',
			listeners : {
				'click' : function() {
					parent.window.location.href = 'http://www.baidu.com';
				}
			}
		} ]
	});
	tree.setRootNode(root);
	tree.render("tree");
	tree.expandAll();// 默认展开全部

		tree
				.on("click", function(node) {
					var nodeId = node.id;
					var n = contentPanel.getComponent(node.id);
					// 资源
						// if(nodeId==11){
						// if(!n)
						// {
						// n=contentPanel.add({
						// 'id':node.id,
						// 'title':node.text,
						// closable:true,
						// html:''
						// });
						// };
						// }

						// 用户
						if (nodeId == 12) {
							Ext.Ajax
									.request( {
										url : 'PermissionProving?object=users',
										method : 'post',
										success : function(response) {
											var obj = Ext
													.decode(response.responseText);
											if (obj.success == true) {
												if (!n) {
													n = contentPanel
															.add( {
																'id' : node.id,
																'title' : node.text,
																closable : true,
																html : ''
															});
													contentPanel
															.setActiveTab(n);
												}
												;
											} else {
												Ext.Msg.alert('您好，您不是管理员。',
														'无权限使用该功能,有需要请与管理员联系。');
											}
										},
										failure : function(response, opts) {
											Ext.Msg.alert('消息', '服务器未响应！');
										}
									});
						}

						// 角色
						if (nodeId == 13) {
							Ext.Ajax
									.request( {
										url : 'PermissionProving?object=group',
										method : 'post',
										success : function(response) {
											var obj = Ext
													.decode(response.responseText);
											if (obj.success == true) {
												if (!n) {
													n = contentPanel
															.add( {
																'id' : node.id,
																'title' : node.text,
																closable : true,
																html : ''
															});
													contentPanel
															.setActiveTab(n);
												}
												;
											} else {
												Ext.Msg.alert('您好，您的用户不隶属于任何角色。',
														'无权限使用该功能,有需要请与管理员联系。');
											}
										},
										failure : function(response, opts) {
											Ext.Msg.alert('消息', '服务器未响应！');
										}
									});
						}

						// 分类管理
						if (nodeId == 02) {
							if (!n) {
								n = contentPanel
										.add( {
											'id' : node.id,
											'title' : node.text,
											closable : true,
											html : ''
										});
							}
							;
						}

						// 专题管理
						if (nodeId == 03) {
							if (!n) {
								n = contentPanel
										.add( {
											'id' : node.id,
											'title' : node.text,
											closable : true,
											html : ''
										});
							}
							;
						}
						// 信息管理
						if (nodeId == 04) {
							if (!n) {
								n = contentPanel
										.add( {
											'id' : node.id,
											'title' : node.text,
											closable : true,
											html : ''
										});
							}
							;
						}

						// 审核
						if (nodeId == 05) {
							if (!n) {
								n = contentPanel
										.add( {
											'id' : node.id,
											'title' : node.text,
											closable : true,
											html : ''
										});
							}
							;
						}

						// 搜索
						if (nodeId == 06) {
							if (!n) {
								n = contentPanel
										.add( {
											'id' : node.id,
											'title' : node.text,
											closable : true,
											html : ''
										});
							}
							;
						}

						contentPanel.setActiveTab(n);
					})

	});

Ext.onReady(function(){

	var viewport=new Ext.Viewport({
	    layout:'border',
		frame:'true',
		items:[
			   {region:'north',//contentEl:'head'
			    height:100,
			    html:'后台管理系统'
			   },
			   {region:'center',
			    items:[
					   contentPanel=new Ext.TabPanel({
													 id:'centerP',
													 enableTabScroll:true,//能够滚动收缩
													 activeTab:0,//激活第一个标签
													 items:[{
															id:'homePage',
															layout:'fit',
															title:'首页',
															autoScroll:true,
															html:''
													 }]
					   })
				]
			   },
			   {region:'west',title:'菜单',split:false,width:150,minSize:100,maxSize:200,collapsible:true,contentEl:'tree'},
			   {region:'south',height:46,html:'order by:潴哥哥'}
			  ]
	});
});