如何设置 ASP.NET DataPager 省略号的样式

Question

我正在使用 DataPager 对 ListView 进行分页，并且我将 NumericPagerField 的 ButtonCount 属性设置为 5，以将要显示的最大页码数限制为 5。但是这样做时，当页面超过 5 页时它显示 1 或 2 个椭圆 (...)。有什么方法可以设置这些椭圆的样式或让它们消失吗？

编辑：我想澄清一下。我想要做的是在总页数超过 ButtonCount 属性时隐藏 DataPager 中的省略号（可能通过设置 display:none 样式，但我找不到为其设置 css 样式的方法）。请看下图

这是我的代码：

<asp:DataPager ID="datapager" PageSize="16" PagedControlID="someId" runat="server"
                QueryStringField="page">
                ...
                <Fields>
                    <asp:NumericPagerField RenderNonBreakingSpacesBetweenControls="false" NumericButtonCssClass="someClass other"
                        CurrentPageLabelCssClass="someClass current" ButtonCount="4" />
                </Fields>
                ...
            </asp:DataPager>

如您所见，我为数字按钮和页面标签设置了 css 类，但它不适用于省略号。所以我不能在我的样式表中选择省略号。有什么想法吗？

Answer 1

您可以将 NumericPagerField 的 NextPreviousButtonCssClass 属性设置为 CSS 类以隐藏省略号，如下所示 -

CSS -

.nextPreviousButtonCSS
{
    display: none;
}

ASP.NET -

<Fields>
    <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="false" ShowNextPageButton="false"
        ShowPreviousPageButton="true" ButtonCssClass="ButtonCSS" />
    <asp:NumericPagerField RenderNonBreakingSpacesBetweenControls="false" NumericButtonCssClass="someClass other"
        NextPreviousButtonCssClass="nextPreviousButtonCSS" CurrentPageLabelCssClass="someClass current"
        ButtonCount="4" />
    <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="false" ShowPreviousPageButton="false"
        ShowNextPageButton="true" ButtonCssClass="ButtonCSS" />
</Fields>

注意：您需要像上面一样使用 NextPreviousPagerField 标签手动添加下一个和上一个按钮。

希望这会有所帮助。