界面样式
前台代码
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MyWebUI.Default"%>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml">
5 <head id="Head1" runat="server">
6 <title>首页</title>
7
8 <script src="Resources/JS/main.js" type="text/javascript"></script>
9
10 </head>
11 <body>
12 <form id="form1" runat="server">
13 <ext:PageManager ID="PageManager1" AutoSizePanelID="regionPanel" HideScrollbar="true"
14 runat="server"/>
15 <ext:RegionPanel ID="regionPanel" ShowBorder="false" runat="server">
16 <Regions>
17 <ext:Region ID="regionTop" Height="60px" ShowBorder="false" ShowHeader="false" Position="Top"
18 Layout="Fit" runat="server">
19 <Toolbars>
20 <ext:Toolbar ID="Toolbar1" Position="Bottom" runat="server">
21 <Items>
22 <ext:ToolbarText ID="txtUser" runat="server">
23 </ext:ToolbarText>
24 <ext:ToolbarSeparator />
25 <ext:ToolbarText ID="txtOnlineUserCount" runat="server">
26 </ext:ToolbarText>
27 <ext:ToolbarSeparator />
28 <ext:ToolbarText ID="txtCurrentTime" runat="server">
29 </ext:ToolbarText>
30 <ext:ToolbarFill />
31 <ext:Button ID="btnShowHideHeader" runat="server" Icon="BulletArrowUp" ToolTip="隐藏标题栏"
32 EnablePostBack="false">
33 </ext:Button>
34 <ext:Button ID="btnRefresh" Hidden="true" runat="server" Icon="Reload" ToolTip="刷新主区域内容" EnablePostBack="false">
35 </ext:Button>
36 <ext:ToolbarSeparator />
37 <ext:Button ID="btnHelp" EnablePostBack="false" Icon="Help" Text="帮助" runat="server">
38 </ext:Button>
39 <ext:ToolbarSeparator />
40 <ext:Button ID="btnExit" runat="server" Icon="UserRed" Text="安全退出" ConfirmText="确定退出系统？"
41 OnClick="btnExit_Click">
42 </ext:Button>
43 </Items>
44 </ext:Toolbar>
45 </Toolbars>
46 <Items>
47 <ext:ContentPanel ShowBorder="false" ShowHeader="false" BodyStyle="background-color:#1C3E7E;"
48 ID="ContentPanel1" runat="server">
49 <div style="font-size: 20px; color:White; font-weight:bold; padding: 5px 10px; ">
50 <a href="Default.aspx" style="color:White;"><%= MyWebUI.Common.CommonSystem.SystemTitle%></a>
51 </div>
52 </ext:ContentPanel>
53 </Items>
54 </ext:Region>
55 <ext:Region ID="regionLeft" Split="true" Width="200px" Margins="0 0 0 0" ShowHeader="false"
56 Title="菜单" EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
57 <Items>
58
59 </Items>
60 </ext:Region>
61 <ext:Region ID="mainRegion" ShowHeader="false" EnableIFrame="true" IFrameUrl="hello.aspx"
62 IFrameName="main" Margins="0 0 0 0" Position="Center" runat="server">
63 </ext:Region>
64
65
66 </Regions>
67 </ext:RegionPanel>
68
69 </form>
70
71 <script type="text/javascript">
72 function onReady() {
73
74 window.NODES = {
75
76 'regionPanel': Ext.getCmp('<%= regionPanel.ClientID %>'),
77 'regionTop': Ext.getCmp('<%= regionTop.ClientID %>'),
78 'btnShowHideHeader': Ext.getCmp('<%= btnShowHideHeader.ClientID %>'),
79
80 'txtUser': Ext.getCmp('<%= txtUser.ClientID %>'),
81 'txtOnlineUserCount': Ext.getCmp('<%= txtOnlineUserCount.ClientID %>'),
82 'txtCurrentTime': Ext.getCmp('<%= txtCurrentTime.ClientID %>'),
83 'btnRefresh': Ext.getCmp('<%= btnRefresh.ClientID %>')
84 };
85
86 init({
87 'userName': '<%= User.Identity.Name %>',
88 'userIP': '<%= Request.UserHostAddress %>',
89 'onlineUserCount': <%= GetOnlineCount() %>,
90 'showHeaderIconUrl': '<%= IconHelper.GetIconUrl(Icon.BulletArrowDown) %>',
91 'hideHeaderIconUrl': '<%= IconHelper.GetIconUrl(Icon.BulletArrowUp) %>'
92 });
93
94 }
95 </script>
96
97 </body>
98 </html>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml">
5 <head id="Head1" runat="server">
6 <title>首页</title>
7
8 <script src="Resources/JS/main.js" type="text/javascript"></script>
9
10 </head>
11 <body>
12 <form id="form1" runat="server">
13 <ext:PageManager ID="PageManager1" AutoSizePanelID="regionPanel" HideScrollbar="true"
14 runat="server"/>
15 <ext:RegionPanel ID="regionPanel" ShowBorder="false" runat="server">
16 <Regions>
17 <ext:Region ID="regionTop" Height="60px" ShowBorder="false" ShowHeader="false" Position="Top"
18 Layout="Fit" runat="server">
19 <Toolbars>
20 <ext:Toolbar ID="Toolbar1" Position="Bottom" runat="server">
21 <Items>
22 <ext:ToolbarText ID="txtUser" runat="server">
23 </ext:ToolbarText>
24 <ext:ToolbarSeparator />
25 <ext:ToolbarText ID="txtOnlineUserCount" runat="server">
26 </ext:ToolbarText>
27 <ext:ToolbarSeparator />
28 <ext:ToolbarText ID="txtCurrentTime" runat="server">
29 </ext:ToolbarText>
30 <ext:ToolbarFill />
31 <ext:Button ID="btnShowHideHeader" runat="server" Icon="BulletArrowUp" ToolTip="隐藏标题栏"
32 EnablePostBack="false">
33 </ext:Button>
34 <ext:Button ID="btnRefresh" Hidden="true" runat="server" Icon="Reload" ToolTip="刷新主区域内容" EnablePostBack="false">
35 </ext:Button>
36 <ext:ToolbarSeparator />
37 <ext:Button ID="btnHelp" EnablePostBack="false" Icon="Help" Text="帮助" runat="server">
38 </ext:Button>
39 <ext:ToolbarSeparator />
40 <ext:Button ID="btnExit" runat="server" Icon="UserRed" Text="安全退出" ConfirmText="确定退出系统？"
41 OnClick="btnExit_Click">
42 </ext:Button>
43 </Items>
44 </ext:Toolbar>
45 </Toolbars>
46 <Items>
47 <ext:ContentPanel ShowBorder="false" ShowHeader="false" BodyStyle="background-color:#1C3E7E;"
48 ID="ContentPanel1" runat="server">
49 <div style="font-size: 20px; color:White; font-weight:bold; padding: 5px 10px; ">
50 <a href="Default.aspx" style="color:White;"><%= MyWebUI.Common.CommonSystem.SystemTitle%></a>
51 </div>
52 </ext:ContentPanel>
53 </Items>
54 </ext:Region>
55 <ext:Region ID="regionLeft" Split="true" Width="200px" Margins="0 0 0 0" ShowHeader="false"
56 Title="菜单" EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
57 <Items>
58
59 </Items>
60 </ext:Region>
61 <ext:Region ID="mainRegion" ShowHeader="false" EnableIFrame="true" IFrameUrl="hello.aspx"
62 IFrameName="main" Margins="0 0 0 0" Position="Center" runat="server">
63 </ext:Region>
64
65
66 </Regions>
67 </ext:RegionPanel>
68
69 </form>
70
71 <script type="text/javascript">
72 function onReady() {
73
74 window.NODES = {
75
76 'regionPanel': Ext.getCmp('<%= regionPanel.ClientID %>'),
77 'regionTop': Ext.getCmp('<%= regionTop.ClientID %>'),
78 'btnShowHideHeader': Ext.getCmp('<%= btnShowHideHeader.ClientID %>'),
79
80 'txtUser': Ext.getCmp('<%= txtUser.ClientID %>'),
81 'txtOnlineUserCount': Ext.getCmp('<%= txtOnlineUserCount.ClientID %>'),
82 'txtCurrentTime': Ext.getCmp('<%= txtCurrentTime.ClientID %>'),
83 'btnRefresh': Ext.getCmp('<%= btnRefresh.ClientID %>')
84 };
85
86 init({
87 'userName': '<%= User.Identity.Name %>',
88 'userIP': '<%= Request.UserHostAddress %>',
89 'onlineUserCount': <%= GetOnlineCount() %>,
90 'showHeaderIconUrl': '<%= IconHelper.GetIconUrl(Icon.BulletArrowDown) %>',
91 'hideHeaderIconUrl': '<%= IconHelper.GetIconUrl(Icon.BulletArrowUp) %>'
92 });
93
94 }
95 </script>
96
97 </body>
98 </html>