.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("图片") %>" width="170" /></td>
            <td><b><%#Eval ("标题") %></b>
            </td>
        </tr>
        <tr>
            <td style =" height :50%; vertical-align :top">
             <%#Eval("备注") %>
                &nbsp;</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>
                &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>


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/mane_yao/archive/2010/07/02/5708339.aspx

posted @ 2010-09-18 09:52  Yao,Mane  阅读(358)  评论(0编辑  收藏  举报