ASP.NET Bootstrap 4 分页

Question

中所述使用了分页

<asp:Repeater ID="rptPager" runat="server">
<ItemTemplate>
    <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
        CssClass='<%# Convert.ToBoolean(Eval("Enabled")) ? "page_enabled" : "page_disabled" %>'
        OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
</ItemTemplate></asp:Repeater>

这是link到Demo

我想使用bootstrap4分页class

自定义分页样式

这就是我所做的，但当前页面未突出显示

<ul class="pagination"> <asp:Repeater ID="rptPager" runat="server">
            <ItemTemplate>
            <li class="page-item">
                <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                    CssClass="page-link"
                    OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
            </li>
            </ItemTemplate>
        </asp:Repeater></ul>

我如何同时使用 CssClass="page-link" 和 CssClass='<%# Convert.ToBoolean(Eval("Enabled")) ? "active" : "disabled" %>'

Answer 1

您可以通过 space 分隔更多类来合并它们。示例如下。

<ul class="pagination">
    <asp:Repeater ID="rptPager" runat="server">
        <ItemTemplate>
             <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
        CssClass='<%# Convert.ToBoolean(Eval("Enabled")) ? "active page-link" : "disabled page-link" %>'
        OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'>
            </asp:LinkButton>
        </ItemTemplate>
    </asp:Repeater>
</ul>

ASP.NET Bootstrap 4 分页

ASP.NET Bootstrap 4 Pagination

c#

asp.net

pagination

webforms

asprepeater