FineUI/FineUI.Examples/grid/grid_rowexpander_expandall.aspx
三生石上 15588d275b v4.2.4.1
2017-09-05 10:49:48 +08:00

59 lines
3.3 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="grid_rowexpander_expandall.aspx.cs"
Inherits="FineUI.Examples.grid.grid_rowexpander_expandall" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" runat="server" />
<f:Grid ID="Grid1" ShowBorder="true" ShowHeader="true" Title="表格" EnableCollapse="true" Width="800px" Height="450px"
runat="server" DataKeyNames="Id,Name" ExpandAllRowExpanders="true">
<Columns>
<f:TemplateField RenderAsRowExpander="true">
<ItemTemplate>
<div class="expander">
<p>
<strong>姓名:</strong><%# Eval("Name") %>
</p>
<p>
<strong>简介:</strong><%# Eval("Desc") %>
</p>
</div>
</ItemTemplate>
</f:TemplateField>
<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="Label2" 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>
<f:BoundField Width="100px" DataField="LogTime" DataFormatString="{0:yyyy-MM-dd}" HeaderText="注册日期" />
</Columns>
</f:Grid>
<br />
<f:Button ID="Button1" runat="server" Text="重新绑定表格" CssClass="marginr" OnClick="Button1_Click">
</f:Button>
<f:Button ID="btnExpandRowExpanders" runat="server" CssClass="marginr" Text="展开全部的行扩展列" OnClick="btnExpandRowExpanders_Click">
</f:Button>
<f:Button ID="btnCollapseRowExpanders" runat="server" Text="折叠全部的行扩展列" OnClick="btnCollapseRowExpanders_Click">
</f:Button>
<br />
<br />
注:通过一个简单的属性,来控制是否展开所有行扩展列(即使在重新绑定数据后,依然能够保持所有扩展列的展开状态)。
<br />
</form>
</body>
</html>