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

Question

我正在使用DataPager对ListView进行分页，我将NumericPagerField的ButtonCount属性设置为5，以将要显示的页码的最大数量限制为5.但是这样做时，当超过5页时它显示1或2个椭圆（...）。有没有办法对这些椭圆进行设计或使它们消失？

编辑：我想澄清一点。我想要做的是当总页数超过ButtonCount属性时隐藏在DataPager中的省略号（可能通过样式显示：无，但我找不到为它设置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标记手动添加下一个和上一个按钮。

希望这有帮助。