ExtJS后台管理系统搭建-优快云博客

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="#" onclick="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 onclick="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();
    }
}

转载于:https://www.cnblogs.com/jonycaimarcia/archive/2010/01/13/1646323.html