2

我正在使用 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 类,但它不适用于省略号。所以我不能在我的样式表中选择省略号。任何的想法?

4

1 回答 1

6

您可以将 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 标签手动添加下一个和上一个按钮。

希望这可以帮助。

于 2012-08-21T08:34:34.663 回答