Extjs后台管理系统模板实例源码介绍。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Extjs后台管理系统模板</title>
<meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>
<meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″>
<meta http-equiv=”description” content=”This is my page”>
<link rel=”stylesheet” href=”ext/resources/css/ext-all.css” />
<script type=”text/javascript” src=”ext/ext-base.js”></script>
<script type=”text/javascript” src=”ext/ext-all.js”></script>
<script type=”text/javascript” src=”ext/ext-lang-zh_CN.js”></script>
<script type=”text/javascript” src=”js/small-debug.js”></script>
<script type=”text/javascript” src=”js/usermenu.js”></script>
</head>
<body>
<div id=”tree”></div>
</body>
</html>
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:’<iframe scrolling=”no” frameborder=”0″
// width=”100%” height=”630″ src=”test.html”></iframe>’
// });
// };
// }
// 用户
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 : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
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 : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
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 : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
}
;
}
// 专题管理
if (nodeId == 03) {
if (!n) {
n = contentPanel
.add( {
’id’ : node.id,
’title’ : node.text,
closable : true,
html : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
}
;
}
// 信息管理
if (nodeId == 04) {
if (!n) {
n = contentPanel
.add( {
’id’ : node.id,
’title’ : node.text,
closable : true,
html : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
}
;
}
// 审核
if (nodeId == 05) {
if (!n) {
n = contentPanel
.add( {
’id’ : node.id,
’title’ : node.text,
closable : true,
html : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
}
;
}
// 搜索
if (nodeId == 06) {
if (!n) {
n = contentPanel
.add( {
’id’ : node.id,
’title’ : node.text,
closable : true,
html : ‘<iframe scrolling=”no” frameborder=”0″ width=”100%” height=”620″ src=”http://www.baidu.com”></iframe>’
});
}
;
}
contentPanel.setActiveTab(n);
})
});
Ext.onReady(function(){
var viewport=new Ext.Viewport({
layout:’border’,
frame:’true’,
items:[
{region:'north',//contentEl:'head'
height:100,
html:'<center><font color="red" size="12" style="margin:-15px 0px 0px 0px">后台管理系统</font></center>'
},
{region:'center',
items:[
contentPanel=new Ext.TabPanel({
id:'centerP',
enableTabScroll:true,//能够滚动收缩
activeTab:0,//激活第一个标签
items:[{
id:'homePage',
layout:'fit',
title:'首页',
autoScroll:true,
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="630" src="index.jsp"></iframe>'
}]
})
]
},
{region:’west’,title:’菜单’,split:false,width:150,minSize:100,maxSize:200,collapsible:true,contentEl:’tree’},
{region:’south’,height:46,html:’<center><font color=”red” size=”4″>order by:潴哥哥</font></center>’}
]
});
});
http://dengwenjun.iteye.com/blog/1250318