.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("备注") %>
                &nbsp;</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>
                &nbsp;</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>

 

posted on 2014-09-18 10:27  逍遥云天  阅读(250)  评论(0编辑  收藏  举报

导航