C# 分页未更新目标-使用Ajax的Asp.Net核心
我希望这是直截了当的!我有一个加载很好的分部,它使用ajax应用过滤器/排序,效果很好。然而,分页链接发送正确的url,并且响应是所需的页面,只是它实际上没有更新/替换那里的内容。 父视图:C# 分页未更新目标-使用Ajax的Asp.Net核心,c#,jquery,ajax,pagination,asp.net-core,C#,Jquery,Ajax,Pagination,Asp.net Core,我希望这是直截了当的!我有一个加载很好的分部,它使用ajax应用过滤器/排序,效果很好。然而,分页链接发送正确的url,并且响应是所需的页面,只是它实际上没有更新/替换那里的内容。 父视图: @model Sakura.AspNetCore.IPagedList<YaCu_2017.Models.Review> @{ ViewBag.Title = "Review Dashboard"; @using YaCu_2017.Controllers; } <p class
@model Sakura.AspNetCore.IPagedList<YaCu_2017.Models.Review>
@{
ViewBag.Title = "Review Dashboard";
@using YaCu_2017.Controllers;
}
<p class="green-text">@ViewBag.StatusMessage</p>
<p class="red-text">@ViewBag.ErrorMessage</p>
<h2>Our Product Reviews</h2>
<div class="row">
<div class="col s2">
<h5>Filter by Product:</h5>
<form method="get">
@{
var product = ReviewController.GetProductListIncId();
var productCount = ReviewController.GetProductCountList();
ViewBag.ProductList = product;
ViewBag.ProductCount = productCount;
}
<select asp-items="@ViewBag.ProductList" id="searchProduct"
class="dropdown-button btn"></select>
<h5>Reviews per page</h5>
<select asp-items="@ViewBag.ProductCount" id="perPage"
class="dropdown-button btn"></select>
</form>
</div>
</div>
<p></p>
<div class="reviewView" id="filter">
@await Html.PartialAsync("ShowReviewDetails", Model)
</div>
@model Sakura.AspNetCore.IPagedList
@{
ViewBag.Title=“查看仪表板”;
@使用YaCu_2017.1控制器;
}
@ViewBag.StatusMessage
@ViewBag.ErrorMessage
我们的产品评论
按产品筛选:
@{
var product=ReviewController.getProductListInId();
var productCount=ReviewController.GetProductCountList();
ViewBag.ProductList=产品;
ViewBag.ProductCount=ProductCount;
}
每页评论
@等待Html.partialSync(“ShowReviewDetails”,模型)
子视图:
@model IPagedList<YaCu_2017.Models.Review>
@using System.Globalization
@using Sakura.AspNetCore
@using YaCu_2017.Controllers
@using YaCu_2017.Models
@{
ViewData["Title"] = "Digital Jeeves - Reviews";
}
<form method="post" data-ajax="true">
<div class="row">
<div id="pagerow" class="col s12 center center-align center-block">
<p>Page @(Model.TotalPage < Model.PageIndex ? 1 :
Model.PageIndex) of @Model.TotalPage<pager id="pager" class="pagination"
setting-link-attr-data-ajax-update="filter" setting-link-attr-data-ajax-
mode="replace" setting-link-attr-data-ajax="true" /></></p>
<cs-pager cs-paging-pagesize="@Model.PageSize"
cs-paging-pagenumber="@Model.PageIndex"
cs-paging-totalitems="@Model.TotalPage"
cs-pagenumber-param="page"
asp-route-perPage="@ViewData["Page"]"
asp-route-searchProduct="@ViewData["Product"]"
asp-controller="Review"
asp-action="GetProducts"
cs-ajax-target="filter"></cs-pager>
</div>
</div>
</form>
<hr />
<div id="stuff">
@foreach (var item in Model)
{
var stars = item.Stars.ToString();
var starurl = string.Format("images/stars/{0}_star.jpg", stars);
<div class="container opaque-parent z-depth-5">
<div class="row">
<div class="col s6"><h6 style="border-bottom:thin">Title :
@Html.DisplayFor(model => item.Title)</h6></div>
<div class="col s3"><h6 style="border-bottom:thin">Product :
@Html.DisplayFor(model => item.Product)</h6></div>
<div class="col s3"><h6 style="border-bottom:thin">Rated:
<img src="~/@starurl" class="responsive-img" id="@item.Id" /></h6></div>
</div>
<div class="row" style="">
<div class="col s12" style="border-bottom:inset">
<h6>Comment:</h6>
</div>
</div>
<div class="row" style="border-bottom:inset">
<div class="col s6 offset-s3">
<p class="flow-text">"@Html.DisplayFor(model =>
item.ReviewText)"</p>
</div>
</div>
<div class="row">
<div class="col s3">
<p>Date Created : @Html.DisplayFor(modelItem =>
item.CreatedDate)</p>
</div>
<div class="col s3">
<p>Chosen Display Name: @Html.DisplayFor(modelItem =>
item.DisplayName)</p>
</div>
</div>
</div>
<hr />
}
</div>
@model IPagedList
@使用系统。全球化
@使用Sakura.AspNetCore
@使用YaCu_2017.1控制器
@使用YaCu_2017.1车型
@{
ViewData[“标题”]=“数字吉维斯-评论”;
}
页码@(Model.TotalPage
@foreach(模型中的var项目)
{
var stars=item.stars.ToString();
var starurl=string.Format(“images/stars/{0}\u star.jpg”,stars);
标题:
@DisplayFor(model=>item.Title)
产品:
@DisplayFor(model=>item.Product)
估价:
评论:
@Html.DisplayFor(model=>
项目。审阅文本)
创建日期:@Html.DisplayFor(modelItem=>
item.CreatedDate)
选择的显示名称:@Html.DisplayFor(modelItem=>
项(显示名称)
}
我想这可能是因为它是一个孩子试图更新家长,但我找不到任何信息。我试图将分页放在目标div之外,所发生的只是当页面>1时,分页从未得到更新
我对这一点还不熟悉,到目前为止,我只制作过没有ajax的网站!我计算了过滤器/排序,但我一直在这里转圈,我甚至尝试了不同的nuget包进行分页,仍然没有乐趣!正如我所说,下一页是在响应中,但它并没有替换那里的内容
谢谢:)想好了。。。在data ajax update=“filter”中,我需要在元素id前面添加一个hashtag,例如data ajax update=“#filter”。。。掌纹