Ext.net设计前台界面
这是我花了一中午制作的一个前台界面,我是的第一个正式任务,因为它将投入使用,其中我学到了许多以前不知道的语法,我将他们发表,以便下次复习和大家学习使用!!!
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jcjf.aspx.cs" Inherits="appointment.cs.jcjf" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>教师教辅用书征订</title>
</head>
<body>
<div>
<ext:ResourceManager ID="ResourceManager1" runat="server">
<Listeners>
<WindowResize Handler="#{windowbody}.setWidth(Ext.get(document.body).getWidth() - 8);#{windowbody}.setHeight(Ext.get(document.body).getHeight() - 8);" />
</Listeners>
</ext:ResourceManager>
<%--教师教辅用书申请列表--%>
<ext:Window Closable="false" Collapsible="false" Resizable="false" Border="false" Plain="true" Draggable="false" PageX="0" PageY="0" Layout="BorderLayout" runat="server" ID="windowbody">
<Listeners>
<BeforeShow Handler="this.setWidth(Ext.get(document.body).getWidth() - 8);this.setHeight(Ext.get(document.body).getHeight() - 8);WidOnload();" />
</Listeners>
<Items>
<ext:GridPanel ID="JcJfGPanel" Icon="ApplicationSideBoxes" Collapsible="true" runat="server" Title="教辅申请列表" StripeRows="true" AutoDataBind="true" LabelWidth="50" Region="Center">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:ComboBox runat="server" ID="KdDwCbxId" FieldLabel="单位名称" TriggerAction="All" LabelAlign="Right" DisplayField="DepName" ValueField="DepId" Width="250" AllowBlank="true" EmptyText="选择单位筛选" HiddenName="DepName">
</ext:ComboBox>
<ext:ToolbarSeparator ID="ToolbarSeparator1"/>
<ext:TextField Width="250" AllowBlank="true" FieldLabel="老师姓名" LabelWidth="60" EmptyText="按申请老师姓名搜索" runat="server" ID="searchByXmText" >
</ext:TextField>
<ext:ToolbarSeparator ID="selcetTarId"/>
<ext:Button ID="Button1" Text="搜索" runat="server" Icon="Magnifier" OnClientClick="SearchJcjf()" />
<ext:ToolbarSeparator/>
<ext:Button ID="Button5" Text="添加" ToolTip="添加" runat="server" Icon="Add" OnClientClick="JcJfAdd()" />
<ext:ToolbarSeparator/>
<ext:Button ID="Button6" Text="编辑" ToolTip="编辑" runat="server" Icon="ApplicationEdit" />
<ext:ToolbarSeparator/>
<ext:Button ID="Button7" Text="删除" ToolTip="删除" runat="server" Icon="Delete" OnClientClick="JcJfDelete()" />
<ext:ToolbarSeparator/>
<ext:Button ID="ShButtonId" Text="审核申请" ToolTip="审核教辅申请" runat="server" Icon="Accept" OnClientClick="JcJfCheck()" />
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn Width="30" />
<ext:Column Header="审核状态" Width="130"></ext:Column>
<ext:Column Header="学期" Width="60" />
<ext:Column Header="单位名称" Width="80" />
<ext:Column Header="申请老师" Tooltip="申请老师姓名" Width="80" />
<ext:Column Header="教辅名称" Tooltip="教材名称" Width="220" />
<ext:Column Header="版别" Tooltip="教辅版别" Width="80" />
<ext:Column Header="出版社" Tooltip="教辅出版社" Width="120" />
<ext:Column Header="作者" Tooltip="教辅作者" Width="120" />
<ext:Column Header="书量" Tooltip="老师征订用书量" DataIndex="LsJcs" Width="60" />
<ext:Column Header="申请原因" Width="200" />
<ext:Column Header="审查结果" Tooltip="老师教学用书量" Width="150"/>
<ext:Column Header="申请时间" DataIndex="CreateOn" Width="100" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" ID="GridPageBar" PageSize="30"
DisplayInfo="true" DisplayMsg="当前记录 {0} -- {1} 条 共 {2} 条记录" EmptyMsg="<font color = red>暂无数据</font>"
PrevText="上一页" NextText="下一页" RefreshText="刷新" LastText="最后页" FirstText="第一页"
BeforePageText="当前页" AfterPageText="共{0}页">
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:Window>
</div>
</body>
</html>