界面演示
前台代码
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserManage.aspx.cs" Inherits="MyWebUI.UserManage"%>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head runat="server">
7 <title>无标题页</title>
8 </head>
9 <body>
10 <form id="form1" runat="server">
11 <ext:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></ext:PageManager>
12 <ext:Panel ID="Panel1" runat="server" BodyPadding="5px" EnableLargeHeader="false"
13 EnableBackgroundColor="true" ShowBorder="false" ShowHeader="true" Layout="Fit" Title ="用户管理">
14 <Items>
15 <ext:RegionPanel ID="BorderLayout1" runat="server" ShowBorder ="true">
16 <Regions>
17 <ext:Region ID="Region1" Margins="0 0 0 0" Height="0px" ShowBorder="false" ShowHeader="false"
18 Position="Top" Layout="Fit" runat="server">
19 <Toolbars>
20 <ext:Toolbar ID="Toolbar1" Position="Top" runat="server">
21 <Items>
22 <ext:ToolbarFill ID="ToolbarFill1" runat="server">
23 </ext:ToolbarFill>
24 <ext:Button ID="btnNew" runat="server" Icon="Add" EnablePostBack="false" Text="新增用户">
25 </ext:Button>
26 </Items>
27 </ext:Toolbar>
28 </Toolbars>
29 </ext:Region>
30 <ext:Region ID="regionLeft" Split="true" Width="200px" ShowHeader="false" EnableCollapse="true"
31 Layout="Fit" Position="Left" runat="server">
32 <Items>
33
34
35 <ext:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="true"
36 AutoScroll="true" ID="Tree1" OnNodeCommand="Tree1_NodeCommand" Title="选择部门"></ext:Tree>
37 </Items>
38 </ext:Region>
39 <ext:Region ID="regionCenter" ShowHeader="false" Position="Center" Layout="Fit" runat="server">
40 <Items>
41 <ext:Grid ID="Grid1" runat="server" ShowBorder="false" ShowHeader="true" EnableCheckBoxSelect="false"
42 EnableRowNumber="false" EnableMultiSelect="false" Title="用户列表">
43 <Columns>
44 <ext:BoundField DataField="Code" Width="100px" HeaderText="用户编码"/>
45 <ext:BoundField DataField="Name" Width="100px" HeaderText="用户名称"/>
46 <ext:BoundField DataField="Birthday" Width="100px" HeaderText="出生日期"/>
47 <ext:BoundField DataField="Sex" Width="45px" HeaderText="性别"/>
48 <ext:BoundField DataField="Telephone" Width="100px" HeaderText="联系电话"/>
49 <ext:BoundField DataField="Address" ExpandUnusedSpace="true" HeaderText="家庭住址"/>
50 </Columns>
51 </ext:Grid>
52 </Items>
53 </ext:Region>
54
55 </Regions>
56 </ext:RegionPanel>
57 </Items></ext:Panel>
58 </form>
59 </body>
60 </html>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head runat="server">
7 <title>无标题页</title>
8 </head>
9 <body>
10 <form id="form1" runat="server">
11 <ext:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></ext:PageManager>
12 <ext:Panel ID="Panel1" runat="server" BodyPadding="5px" EnableLargeHeader="false"
13 EnableBackgroundColor="true" ShowBorder="false" ShowHeader="true" Layout="Fit" Title ="用户管理">
14 <Items>
15 <ext:RegionPanel ID="BorderLayout1" runat="server" ShowBorder ="true">
16 <Regions>
17 <ext:Region ID="Region1" Margins="0 0 0 0" Height="0px" ShowBorder="false" ShowHeader="false"
18 Position="Top" Layout="Fit" runat="server">
19 <Toolbars>
20 <ext:Toolbar ID="Toolbar1" Position="Top" runat="server">
21 <Items>
22 <ext:ToolbarFill ID="ToolbarFill1" runat="server">
23 </ext:ToolbarFill>
24 <ext:Button ID="btnNew" runat="server" Icon="Add" EnablePostBack="false" Text="新增用户">
25 </ext:Button>
26 </Items>
27 </ext:Toolbar>
28 </Toolbars>
29 </ext:Region>
30 <ext:Region ID="regionLeft" Split="true" Width="200px" ShowHeader="false" EnableCollapse="true"
31 Layout="Fit" Position="Left" runat="server">
32 <Items>
33
34
35 <ext:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="true"
36 AutoScroll="true" ID="Tree1" OnNodeCommand="Tree1_NodeCommand" Title="选择部门"></ext:Tree>
37 </Items>
38 </ext:Region>
39 <ext:Region ID="regionCenter" ShowHeader="false" Position="Center" Layout="Fit" runat="server">
40 <Items>
41 <ext:Grid ID="Grid1" runat="server" ShowBorder="false" ShowHeader="true" EnableCheckBoxSelect="false"
42 EnableRowNumber="false" EnableMultiSelect="false" Title="用户列表">
43 <Columns>
44 <ext:BoundField DataField="Code" Width="100px" HeaderText="用户编码"/>
45 <ext:BoundField DataField="Name" Width="100px" HeaderText="用户名称"/>
46 <ext:BoundField DataField="Birthday" Width="100px" HeaderText="出生日期"/>
47 <ext:BoundField DataField="Sex" Width="45px" HeaderText="性别"/>
48 <ext:BoundField DataField="Telephone" Width="100px" HeaderText="联系电话"/>
49 <ext:BoundField DataField="Address" ExpandUnusedSpace="true" HeaderText="家庭住址"/>
50 </Columns>
51 </ext:Grid>
52 </Items>
53 </ext:Region>
54
55 </Regions>
56 </ext:RegionPanel>
57 </Items></ext:Panel>
58 </form>
59 </body>
60 </html>