
正文
.NET4.0的listview与DataPager的结合使用时的模板编辑
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
1.设置listview模板样式:
<asp:ListView ID="ListView1" runat="server" DataSourceID="AccessDataSource1"
GroupItemCount=""> <!--设置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="" style="width: 174px; vertical-align :middle ">
<img alt="截图" height="" src="picture/Case/<%#eval_r("图片") %>" width="" /></td>
<td><b><%#eval_r("标题") %></b>
</td>
</tr>
<tr>
<td style =" height :50%; vertical-align :top">
<%#eval_r("备注") %>
</td>
</tr>
<tr>
<td style =" height :20%; vertical-align :middle ">
<a href ="<%#eval_r("地址") %>"><img alt="截图" src="data:image/CF205953235.gif" width="" style="border:0"/></a>
</td>
</tr>
</table>
</td>
</ItemTemplate> </asp:ListView>
2.设置DataPager样式
<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView1"
PageSize="">
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="True"
RenderDisabledButtonsAsLabels="True" ShowPreviousPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ShowLastPageButton="True"
ShowNextPageButton="False" />
</Fields>
</asp:DataPager>






