您的位置:首页 > 其它

.NET4.0的listview与DataPager的结合使用时的模板编辑

2010-07-02 09:18 405 查看
1.设置listview模板样式:

<asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1"
GroupItemCount="2">

<!--设置LayoutTemplate 模板id="groupPlaceholder" -->
<LayoutTemplate >
<table runat ="server" style ="width :98%; height :auto ">
<tr runat ="server" id="groupPlaceholder" style ="width :50%; height :auto "></tr>
</table>
</LayoutTemplate>

<!--设置GroupTemplate模板id="itemPlaceholder"-->

<GroupTemplate >
<tr runat ="server">
<td runat ="server" id="itemPlaceholder"></td>
</tr>
</GroupTemplate>

<!--设置ItemTemplate模板-->

<ItemTemplate >
<td runat ="server" >
<table style="border: 1px solid #66CCFF; height: 113px; width: 100%">
<tr>
<td rowspan="3" style="width: 174px; vertical-align :middle ">
<img alt="截图" height="134" src="picture/Case/<%#Eval("图片") %>" width="170" /></td>
<td><b><%#Eval ("标题") %></b>
</td>
</tr>
<tr>
<td style =" height :50%; vertical-align :top">
<%#Eval("备注") %>
 </td>
</tr>
<tr>
<td style =" height :20%; vertical-align :middle ">
<a href ="<%#Eval("地址") %>"><img alt="截图" src="image/CF205953235.gif" width="50" style="border:0"/></a>
 </td>
</tr>
</table>
</td>
</ItemTemplate>

</asp:ListView>

2.设置DataPager样式

<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView1"
PageSize="20">
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="True"
RenderDisabledButtonsAsLabels="True" ShowPreviousPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ShowLastPageButton="True"
ShowNextPageButton="False" />
</Fields>
</asp:DataPager>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: