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

最新推荐文章于 2017-04-20 17:55:48 发布

mane_yao

最新推荐文章于 2017-04-20 17:55:48 发布

阅读量1.2k

点赞数

分类专栏： ASP.NET 文章标签： listview .net server asp border table

本文链接：https://blog.csdn.net/mane_yao/article/details/5708339

版权

ASP.NET 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

1.设置listview模板样式：

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

<LayoutTemplate >
        <table runat ="server" style ="width :98%; height :auto ">
        <tr runat ="server" id="groupPlaceholder" style ="width :50%; height :auto "></tr>
        </table>
        </LayoutTemplate>

        <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>