.NET4.0的listview与DataPager的结合使用时的模板编辑
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_r("图片") %>" width="170" /></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="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>
个人原创博客,转载请注明来源地址:https://www.cnblogs.com/xyyt