使用HTML Helper PageListPager刷新桌子，无需刷新页面

Question

我有以下代码行，该行使用HTML助手的pagdlistPager：

@html.pageDlistPager（model.kyc_paged_list，page =＆gt; url.action（“ clientdetails”（“ clientdetails”），new {id = viewBag。 id，kyc_page = page，transaction_page = model.transaction_page，active =“ kyc”}））

在单击Pager整个页面重新加载时。但是我只希望带有id =“ kyc-History”的表才能刷新。

我知道如何使用JavaScript函数重新加载表，但是我不知道如何从pageDlistPager调用它。 有什么想法，我怎么能称呼它？假设JS函数称为reloAdtable（）

Answer 1

我遇到了同样的问题，这篇文章（由安德斯·莱贝克（Anders Lybecker）完成）帮助了我，现在一切正常！
步骤非常清楚，但是请确保在开始之前备份！

看看：
ajax ajax ajax ajax for ASP的分页。 net MVC站点

总而言之，您在控制器中以2个视图1的页面为“控制器”（在我的情况下是索引视图），其中包含page> pagdlistPager Control（Control）的另一个列表（列表视图）。并将列表视图放入索引视图中。并在索引视图中为PagedListPager编写jQuery代码。

您可以阅读文章以获取详细信息！

这是我的代码，还有一些额外的内容，我注意到可以为您提供更多帮助：

列表视图：

@model IPagedList<StudentRegSys.Models.Student>
@{
    Layout = null;
}

@using PagedList.Mvc;
@using PagedList;

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700" rel="stylesheet">
@Styles.Render("~/template/css")

<div class="container">
    <div class="row">

          <!-- The List Code-->

        <div class="pagination-control">
            @Html.PagedListPager(Model, i => Url.Action("List", "Home", new { i, search = Request.QueryString["search"] }))
        </div>
    </div>
</div>
@Scripts.Render("~/template/js")

注意：确保制作layout = null;，然后放置样式链接＆amp;在此观点中，脚本手册避免了设计问题。

在控制器中：（在我的情况下为Home Controller）

// GET: /Home/Index
public ViewResult Index()
{
    return View();
}

// GET: /Home/List
public ActionResult List(int? i, string search = "")
{
    try
    {
        var students = _context.Student.Include(s => s.Major)
            .OrderBy(s => s.Name)
            .Where(s => s.Name.Contains(search) || s.Major.Name.Contains(search) ||
            s.Address.Contains(search) || s.Phone.Contains(search))
            .ToList().ToPagedList(i ?? 1, 8);


        return View(students);
    }
    catch (Exception)
    {
        return HttpNotFound();
    }
}

索引视图：

@{
    ViewBag.title = "Home";
}

<section id="intro">
    <!-- Some Code -->
</section>

<section id="maincontent">

    @Html.Action("List") <!-- to call the List view --> 

</section>

    <script>
    $(document).ready(function () {
        $(document).on("click", ".pagination-control a[href]", function () {
            $.ajax({
                url: $(this).attr("href"),
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('#maincontent').html(result);
                }
            });
            return false;
        });
    });
    </script>

注意：确保将HTML（结果）放在我的情况下列表的根容器中; 。

希望这对您有帮助:)