zhaoyushun1999/FineUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
FineUI/FineUI.Examples/layout/anchor.aspx

260 lines
15 KiB
Plaintext
Raw Normal View History

v4.2.0
2015-05-19 14:45:47 +08:00
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="anchor.aspx.cs" Inherits="FineUI.Examples.layout.anchor" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link href="../res/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" runat="server" />
<f:Panel ID="Panel3" Title="面板一（Height=300px Width=750px）" runat="server" Height="300px" EnableCollapse="true"
Width="850px" BodyPadding="5px" ShowBorder="True" ShowHeader="True">
<Items>
<f:Panel ID="Panel1" runat="server" ShowBorder="True" Margin="0 0 5 0"
BodyPadding="5px" ShowHeader="false" Title="面板">
<Items>
<f:Label ID="Label5" Text="Margin=0 0 5 0" runat="server">
</f:Label>
</Items>
</f:Panel>
<f:Form ID="Form3" runat="server" ShowBorder="True"
BodyPadding="5px" ShowHeader="false" Title="表单">
<Rows>
<f:FormRow>
<Items>
<f:Label ID="Label2" Label="文本" Text="文本内容" runat="server">
</f:Label>
</Items>
</f:FormRow>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox2" Label="输入框" runat="server">
</f:TextBox>
<f:Button ID="Button2" Text="按钮" runat="server">
</f:Button>
</Items>
</f:FormRow>
</Rows>
</f:Form>
</Items>
</f:Panel>
<br />
<f:Panel ID="Panel2" runat="server" Height="300px" Width="850px" ShowBorder="True" EnableCollapse="true"
BodyPadding="5px" Layout="Anchor" ShowHeader="True" Title="面板二（Height=300px Width=750px Layout=Anchor）">
<Items>
<f:Panel ID="Panel4" AnchorValue="60% 30%" runat="server" Margin="0 0 5 0"
BodyPadding="5px" ShowBorder="True" ShowHeader="false">
<Items>
<f:Label ID="Label3" ShowEmptyLabel="false" Text="AnchorValue=60% 30% Margin=0 0 5 0" runat="server">
</f:Label>
</Items>
</f:Panel>
<f:Form ID="Form2" AnchorValue="100% 70%" runat="server"
BodyPadding="5px" ShowBorder="True" ShowHeader="false">
<Rows>
<f:FormRow>
<Items>
<f:Label ID="Label1" ShowEmptyLabel="false" Text="AnchorValue=100% 70%" runat="server">
</f:Label>
</Items>
</f:FormRow>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox1" Label="输入框" runat="server">
</f:TextBox>
<f:Button ID="Button7" Text="按钮" runat="server">
</f:Button>
</Items>
</f:FormRow>
</Rows>
</f:Form>
</Items>
</f:Panel>
<br />
<f:Panel ID="Panel5" Title="面板三（Width=750px）" runat="server" EnableCollapse="true"
BodyPadding="5px" ShowBorder="True" ShowHeader="True" Width="850px">
<Items>
<f:Form ID="Form4" ShowBorder="False" BodyPadding="5px" ShowHeader="False" runat="server">
<Rows>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox3" Label="用户名" runat="server">
</f:TextBox>
<f:Button ID="Button6" Text="搜索" runat="server">
</f:Button>
</Items>
</f:FormRow>
</Rows>
</f:Form>
<f:Panel ID="Panel6" ShowBorder="True" ShowHeader="false" runat="server">
<Toolbars>
<f:Toolbar ID="Toolbar1" runat="server">
<Items>
<f:Button ID="Button4" Text="按钮一" runat="server">
</f:Button>
<f:Button ID="Button5" Text="按钮二" runat="server">
</f:Button>
</Items>
</f:Toolbar>
</Toolbars>
<Items>
<f:Grid ID="Grid1" Title="表格" PageSize="3" ShowBorder="false" ShowHeader="False"
runat="server" EnableCheckBoxSelect="True" DataKeyNames="Id,Name">
<Columns>
<f:RowNumberField />
<f:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
<f:TemplateField Width="80px" HeaderText="性别">
<ItemTemplate>
<%-- Container.DataItem 的类型是 System.Data.DataRowView 或者用户自定义类型 --%>
<asp:Label ID="Label4" runat="server" Text='<%# GetGender(Eval("Gender")) %>'></asp:Label>
</ItemTemplate>
</f:TemplateField>
<f:BoundField Width="80px" DataField="EntranceYear" HeaderText="入学年份" />
<f:CheckBoxField Width="80px" RenderAsStaticField="true" DataField="AtSchool" HeaderText="是否在校" />
<f:HyperLinkField HeaderText="所学专业" DataToolTipField="Major" DataTextField="Major"
DataTextFormatString="{0}" DataNavigateUrlFields="Major" DataNavigateUrlFormatString="http://gsa.ustc.edu.cn/search?q={0}"
UrlEncode="true" Target="_blank" ExpandUnusedSpace="True" />
<f:ImageField Width="80px" DataImageUrlField="Group" DataImageUrlFormatString="~/res/images/16/{0}.png"
HeaderText="分组"></f:ImageField>
</Columns>
</f:Grid>
</Items>
</f:Panel>
</Items>
</f:Panel>
<br />
<f:Panel ID="Panel7" runat="server" BodyPadding="5px" EnableCollapse="true"
ShowBorder="True" ShowHeader="True" Width="850px" Height="350px" Title="面板四（Width=750px Height=350px Layout=Anchor）"
Layout="Anchor">
<Items>
<f:Form ID="Form5" ShowBorder="False" BodyPadding="5px" AnchorValue="100%"
ShowHeader="False" runat="server">
<Rows>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox5" Label="用户名" runat="server">
</f:TextBox>
<f:TextBox ID="TextBox8" Label="所在班级" runat="server">
</f:TextBox>
</Items>
</f:FormRow>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox6" Label="所在年级" runat="server">
</f:TextBox>
<f:Button ID="Button11" Text="搜索" runat="server">
</f:Button>
</Items>
</f:FormRow>
</Rows>
</f:Form>
<f:Panel ID="Panel8" ShowBorder="True" ShowHeader="false" AnchorValue="100% -68"
Layout="Fit" runat="server">
<Toolbars>
<f:Toolbar ID="Toolbar2" runat="server">
<Items>
<f:Button ID="Button8" Text="按钮一" runat="server">
</f:Button>
<f:Button ID="Button9" Text="按钮二" runat="server">
</f:Button>
</Items>
</f:Toolbar>
</Toolbars>
<Items>
<f:Grid ID="Grid2" Title="Grid2" PageSize="3" ShowBorder="false" ShowHeader="False"
runat="server" EnableCheckBoxSelect="True" DataKeyNames="Id,Name">
<Columns>
<f:RowNumberField />
<f:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
<f:TemplateField Width="80px" HeaderText="性别">
<ItemTemplate>
<%-- Container.DataItem 的类型是 System.Data.DataRowView 或者用户自定义类型 --%>
<asp:Label ID="Label6" runat="server" Text='<%# GetGender(Eval("Gender")) %>'></asp:Label>
</ItemTemplate>
</f:TemplateField>
<f:BoundField Width="80px" DataField="EntranceYear" HeaderText="入学年份" />
<f:CheckBoxField Width="80px" RenderAsStaticField="true" DataField="AtSchool" HeaderText="是否在校" />
<f:HyperLinkField HeaderText="所学专业" DataToolTipField="Major" DataTextField="Major"
DataTextFormatString="{0}" DataNavigateUrlFields="Major" DataNavigateUrlFormatString="http://gsa.ustc.edu.cn/search?q={0}"
UrlEncode="true" Target="_blank" ExpandUnusedSpace="True" />
<f:ImageField Width="80px" DataImageUrlField="Group" DataImageUrlFormatString="~/res/images/16/{0}.png"
HeaderText="分组"></f:ImageField>
</Columns>
</f:Grid>
</Items>
</f:Panel>
</Items>
</f:Panel>
<br />
<br />
使用VBox布局实现与上例相同的界面：
<br />
===========================================================================
<br />
<f:Panel ID="Panel9" runat="server" Layout="VBox" EnableCollapse="true"
BoxConfigAlign="Stretch" BoxConfigPosition="Start" BodyPadding="5px" BoxConfigChildMargin="0"
ShowBorder="True" ShowHeader="True" Width="850px" Height="350px"
Title="面板五（Layout=VBox BoxConfigAlign=Stretch BoxConfigPosition=Start BoxConfigChildMargin=0）">
<Items>
<f:Form ID="Form6" ShowBorder="False" BodyPadding="5px" ShowHeader="False" runat="server">
<Rows>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox4" Label="用户名" runat="server">
</f:TextBox>
<f:TextBox ID="TextBox7" Label="所在班级" runat="server">
</f:TextBox>
</Items>
</f:FormRow>
<f:FormRow>
<Items>
<f:TextBox ID="TextBox9" Label="所在年级" runat="server">
</f:TextBox>
<f:Button ID="Button10" Text="搜索" runat="server">
</f:Button>
</Items>
</f:FormRow>
</Rows>
</f:Form>
<f:Panel ID="Panel10" ShowBorder="True" ShowHeader="false" BoxFlex="1" Layout="Fit" runat="server">
<Toolbars>
<f:Toolbar ID="Toolbar3" runat="server">
<Items>
<f:Button ID="Button12" Text="按钮一" runat="server">
</f:Button>
<f:Button ID="Button13" Text="按钮二" runat="server">
</f:Button>
</Items>
</f:Toolbar>
</Toolbars>
<Items>
<f:Grid ID="Grid3" Title="Grid3" PageSize="3" ShowBorder="false" ShowHeader="False"
runat="server" EnableCheckBoxSelect="True" DataKeyNames="Id,Name">
<Columns>
<f:RowNumberField />
<f:BoundField Width="100px" DataField="Name" DataFormatString="{0}" HeaderText="姓名" />
<f:TemplateField Width="80px" HeaderText="性别">
<ItemTemplate>
<%-- Container.DataItem 的类型是 System.Data.DataRowView 或者用户自定义类型 --%>
<asp:Label ID="Label8" runat="server" Text='<%# GetGender(Eval("Gender")) %>'></asp:Label>
</ItemTemplate>
</f:TemplateField>
<f:BoundField Width="80px" DataField="EntranceYear" HeaderText="入学年份" />
<f:CheckBoxField Width="80px" RenderAsStaticField="true" DataField="AtSchool" HeaderText="是否在校" />
<f:HyperLinkField HeaderText="所学专业" DataToolTipField="Major" DataTextField="Major"
DataTextFormatString="{0}" DataNavigateUrlFields="Major" DataNavigateUrlFormatString="http://gsa.ustc.edu.cn/search?q={0}"
UrlEncode="true" Target="_blank" ExpandUnusedSpace="True" />
<f:ImageField Width="80px" DataImageUrlField="Group" DataImageUrlFormatString="~/res/images/16/{0}.png"
HeaderText="分组"></f:ImageField>
</Columns>
</f:Grid>
</Items>
</f:Panel>
</Items>
</f:Panel>
</form>
</body>
</html>
Reference in New Issue Copy Permalink