2

DataPager を使用して ListView を改ページし、NumericPagerField の ButtonCount プロパティをたとえば 5 に設定して、表示されるページ番号の最大数を 5 に制限しています。または 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

You can set NextPreviousButtonCssClass attribute of NumericPagerField to a CSS class to hide ellipsis as below -

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>

Note: You need to add next and previous buttons manually as above with NextPreviousPagerField tag.

Hope this helps.

于 2012-08-21T08:34:34.663 に答える