首页 > 代码库 > .NET4.0的listview与DataPager的结合使用时的模板编辑
.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=http://www.mamicode.com/"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 =http://www.mamicode.com/"<%#eval_r("地址") %>"><img alt="截图" src=http://www.mamicode.com/"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>
.NET4.0的listview与DataPager的结合使用时的模板编辑
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。