default.axps 页面代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>后台管理</title>
<link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
<link href="../ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL="../ext/resources/images/default/s.gif";
var Tree = Ext.tree;
var tree = new Tree.TreePanel({
el:'west_content',
useArrows:true,
autoHeight:true,
split:true,
lines:true,
autoScroll:true,
animate:true,
enableDD:true,
border:false,
containerScroll: true,
loader: new Tree.TreeLoader({
dataUrl:'ext_tree_json.aspx' 这是引用的文件ext_tree_json.aspx
})
});
// set the root node
var root = new Tree.AsyncTreeNode({
text: '管理员',
draggable:false,
id:'0' // 0 为根目录
});
tree.setRootNode(root);
// render the tree
tree.render();
root.expand();
var viewport = new Ext.Viewport({
layout:'border',
items:[ {
region:'west',
id:'west',
//el:'panelWest',
title:'菜单导航',
split:true,
width: 190,
minSize: 200,
maxSize: 400,
collapsible: true,
margins:'60 0 2 2',
cmargins:'60 5 2 2',
layout:'fit',
layoutConfig:{ activeontop:true},
defaults: { bodyStyle: 'margin:0;padding:0;'},
//iconCls:'nav',
items:
new Ext.TabPanel({
border:false,
activeTab:0,
tabPosition:'bottom',
items:[{
contentEl:'west_content',
title:'数据列表',
autoScroll:true,
bodyStyle:'padding:5px;'
//html:'<a href="welcome.aspx" target="main">欢迎！</a>',
},
{
layout:'accordion',layoutConfig:{animate:true },
title:'后台管理',
autoScroll:true,
border:false,
items:[<%= GetMenuString() %>] 调用后台写的方法.cs文件里面的
}]
})
},{
region:'center',
el:'center',
deferredRender:false,
margins:'60 0 2 0',
html:'<iframe id="center-iframe" width="100%" height="100%" name="main" frameborder="0" scrolling="yes" style="border:0px none;style="overflow:scroll;overflow-x:hidden; background-color:#BBBBBB;" ></iframe>',
autoScroll:true
},
{
region:'south',
margins:'0 0 0 2',
border:false,
html:'<div class="south menu">jonycai改写的后台代码 Extjs写的</div>'
}
]
});
setTimeout(function(){
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
}, 250)
});
</script>
<base target="_self" />
</head>
<body>
<form id="form1" runat="server">
<div id="loading-mask"></div>
<div id="loading">
<div class="loading-indicator"><img src="../ext/resources/extanim32.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...</div>
</div>
<div id="header"><h1>后台管理</h1></div>
<div class="menu">
<span style="float: left">欢迎 <b>管理员</b> 今天是：<%=DateTime.Now.ToString("yyyy年MM月dd日") %>
<a href="#" οnclick="ShowDialog('users/editpassword.aspx?userid=123','300px','160px')">
修改密码</a> <a href="javascript:window.location.reload()">刷新页面</a> </span>
<span id="aLoginOut" runat="server" style="float: right"><a οnclick="if (!window.confirm('您确认要注消当前登录用户吗？')){return false;}"
href="loginout.aspx">注销</a></span>
</div>
<div id="west">
</div>
<div id="center">
</div>
<div id="west_content" style="height:300px; ">
</div>
</form>
</body>
</html>
default.aspx.cs 文件
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class admin_Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
public string GetMenuString()
{
return MenuDAL.Current.CreateHTML();
}
public string GetTreeJSON()
{
return ExtTree.Current.CreateExtTreeJSON();
}
}