代码之家 › 专栏 › 技术社区 › LiamB

将CSS样式应用于ASP.NET DataPager下一个/上一个按钮

datapager listview asp.net

4

LiamB · 技术社区 · 15 年前

如果我有下面的数据传呼机

<asp:DataPager ID="DataPager1" runat="server" PagedControlID="lstBlogPosts"
    PageSize="1" onprerender="DataPager1_PreRender" >                       
    <Fields>
        <asp:NextPreviousPagerField ButtonType="Image"
            NextPageImageUrl="~/_Content/images/blog/btn-next.jpg"
            PreviousPageImageUrl="~/_Content/images/blog/btn-previous.jpg" />
    </Fields>
</asp:DataPager>

如何使用CSS设计下一个/上一个按钮的样式(本质上一个按钮必须向左浮动,一个向右浮动)

谢谢

1 回复 | 直到 14 年前

1

4

Clarence Klopfstein 15 年前

您的数据寻呼机将如下所示:

    <asp:DataPager ID="DataPager1" runat="server" PagedControlID="lstBlogPosts" PageSize="1" onprerender="DataPager1_PreRender">
                <Fields>
                      <asp:NextPreviousPagerField ButtonType="Image" PreviousPageImageUrl="~/_Content/images/blog/btn-previous.jpg" ButtonCssClass="prew-item"  ShowNextPageButton="false"/>
                      <asp:NextPreviousPagerField ButtonType="Image" NextPageImageUrl="~/_Content/images/blog/btn-next.jpg" ButtonCssClass="next-item" ShowPreviousPageButton="false" />
                </Fields>
            </asp:DataPager>

因此,必须在标记中声明“下一步”和“上一步”按钮。