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

发布于 2024-10-31 07:22:55 字数 1290 浏览 4 评论 0原文

我使用的是 asp:DataPager 控件,并且有 [first]、[prev]、[1]、[2]、[3]、[4]、[5]、[6]、[。 ..]、[下一个]、[最后一个]按钮。除了 [...] 按钮之外,我可以为所有这些设置一个 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>

I'm using the asp:DataPager control, and I have [first], [prev], [1], [2], [3], [4], [5], [6], [...], [next], [last] buttons. I can set a css class for all of these apart from the [...] button. I can't find a property that will let me do this.

How can I set the CSS class for [...]?

My code so far is:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

萌无敌 2024-11-07 07:22:55

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

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

希望这个想法会对您有所帮助

Since there is no specific class for it, I suggest you to use html tags inside the button text such as

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

in <asp:NumericPagerField />

Hope this idea will help you

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文