我被困在使用 Ajax.BeginForm 无限滚动增加页面变量

Question

我在 MVC 5 中实现无限滚动，通过 Ajax.BeginForm 调用一个动作返回部分视图，我正在努力增加它总是向动作发送 1 的页面变量！

控制器

        public ActionResult Index()
        {
        home.Articles = GetArticlesByPage(home.Page);
        return View(home);
        }

    public PartialViewResult NextPageArticles(int page)
        {
        home.Articles = GetArticlesByPage(page);
        return PartialView("~/Views/Home/ArticlePostPartial.cshtml", home.Articles);
        }

HomeViewModel

    public class HomeViewModel
    {
    public IEnumerable<ArticleViewModel> _articles;
    public IEnumerable<ArticleViewModel> Articles
    {
        get { return this._articles; }
        set
        {
            this._articles = value;
            Page++;
        }
    }
    public int Page { get; set; }

    public HomeViewModel()
    {
        Page = 0;
    }
}

查看

<div id="MainContainer" class="container-fluid">
      @{Html.RenderPartial("ArticlePostPartial", Model.Articles);}
</div>
@using (Ajax.BeginForm("NextPageArticles", "Home", new { page = ??? }, new AjaxOptions
    {
        InsertionMode = InsertionMode.InsertAfter,
        UpdateTargetId = "MainContainer",
        LoadingElementId = "imgload",
        OnSuccess = "OnSuccessAjax"
    }))
{
    <input type="submit" id="formbut" class="btn btn-danger hidden" />
}

Answer 1

这样的东西应该适合你。

<div id="MainContainer" class="container-fluid">
      @{Html.RenderPartial("ArticlePostPartial", Model.Articles);}
</div>
@using (Ajax.BeginForm("NextPageArticles", "Home", new { page = Convert.ToInt32(Request.RequestContext.RouteData.Values["page"]) + 1 }, new AjaxOptions
    {
        InsertionMode = InsertionMode.InsertAfter,
        UpdateTargetId = "MainContainer",
        LoadingElementId = "imgload",
        OnSuccess = "OnSuccessAjax"
    }))
{
    <input type="submit" id="formbut" class="btn btn-danger hidden" />
}