ExtAspNet 系统框架

界面样式

前台代码

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 >