Question

我将此代码与引导程序3一起使用，并且在单击页面时它正常工作，当它在页面上显示为活动状态，但是当切换到引导程序4时，当我在内部传递页码时，它不再调用活动类。 “为”

任何意识形态都该如何解决？

var enc = new TextDecoder("utf-8");
console.log('ArrayBuffer string content : ', enc.decode(data));
let view = new Int8Array(data);
view.set([48], 56);
view.set([48], 57);

Answer 1

您不仅需要当前页面的所有列表项，还需要class =“ page-item”

下面是正确的预兆。

@for (var i = 1; i <= ViewBag.Count; i++)
{

    var page = ViewBag.pageNumber;
    string classes = "page-item";

    if (page == i)
    {
        classes += " active";

    }

    <li class="@classes">
        @Html.ActionLink(i.ToString(), "Index", "Barcos", new { search = ViewBag.Search, pageNumber = i }, new { @class = "page-link" })
    </li>
}

这会生成以下HTML

<ul class="pagination">
    <li class="page-item ">
        <a class="page-link" href="/Barcos/Index?pageNumber=1">before</a>
    </li>
    <li class="page-item">
        <a class="page-link" href="/Barcos/Index?pageNumber=1">1</a>
    </li>
    <li class="page-item active">
        <a class="page-link" href="/Barcos/Index?pageNumber=2">2</a>
    </li>
    <li class="page-item">
        <a class="page-link" href="/Barcos/Index?pageNumber=3">3</a>
    </li>
    <li>
        <a class="page-link" href="/Barcos/Index?pageNumber=4">Next</a>
    </li>
</ul>

使用ASP.NET使用Bootstrap 4分页将页面项设置为活动或禁用

1 个答案: