使用asp:DataPager控件，如何设置数字溢出按钮的CSS类

本文关键字：数字 设置 溢出 按钮 CSS DataPager asp 控件 何设置 使用 | 更新日期: 2023-09-27 17:49:45

我使用的是asp:DataPager控件，并且我有[first]、[prev]、[1]、[2]、[3]、[4]、[5]、[6]、[…]、[next]、[last]按钮。除了[…]按钮之外，我可以为所有这些设置一个css类。我找不到能让我这样做的房产。

如何为[…]设置CSS类？

到目前为止，我的代码是：

<asp:DataPager ID="dpNav" runat="server">                
    <Fields>
    <asp:NextPreviousPagerField 
        ButtonType="Button"      
        ShowFirstPageButton="true" FirstPageText="<<"
        ShowPreviousPageButton="true" PreviousPageText="<"
        ShowNextPageButton="false"
        ShowLastPageButton="false"
        ButtonCssClass="nav" />                       
    <asp:NumericPagerField
        ButtonType="Button"
        ButtonCount="6"      
        CurrentPageLabelCssClass="nav-current" 
        NumericButtonCssClass="nav"                      
        RenderNonBreakingSpacesBetweenControls="true" />                    
    <asp:NextPreviousPagerField 
        ButtonType="Button"
        ShowFirstPageButton="false"
        ShowPreviousPageButton="false"
        ShowNextPageButton="true" NextPageText=">"
        ShowLastPageButton="true" LastPageText=">>"
        ButtonCssClass="nav" />        
    </Fields>    
</asp:DataPager>

使用asp:DataPager控件，如何设置数字溢出按钮的CSS类

由于没有特定的类，我建议您在按钮文本中使用html标记，如

PreviousPageText='<span class="currentNm">[...]</span>'

在<asp:NumericPagerField /> 中

希望这个想法能帮助你

相关文章：