我想根据演示图像在foreach循环中一一显示值答案

【问题标题】：I want to display one by one value in foreah loop according to demo Image我想根据演示图像在foreach循环中一一显示值
【发布时间】：2021-12-30 04:01:25
【问题描述】：

在一个有 180 条记录的模型中，我想一次显示一条。当我单击下一个按钮时，下一条记录会显示刷新页面。

【问题讨论】：

标签： javascript jquery asp.net-mvc entity-framework asp.net-core

【解决方案1】：

您可以尝试使用 TempData 和局部视图，这里有一个演示：

型号：

public class LoopModel{
       public List<string> l { get; set; }
        public int count { get; set; }
    }

行动：

[HttpGet]
        public IActionResult TestLoop()
        {
            
            LoopModel loopModel = new LoopModel { l = new List<string> { "s1", "s2", "s3", "s4", "s5" }, count = 0 };
           TempData["model"] =JsonConvert.SerializeObject(loopModel);
            return View();
        }
        [HttpPost]
        public IActionResult TestLoop(int count)
        {
            var s = TempData.Peek("model").ToString();
            LoopModel loopModel = JsonConvert.DeserializeObject<LoopModel>(TempData.Peek("model").ToString());
            if(count<loopModel.l.Count())
            loopModel.count = count;
            return PartialView("Partial1",loopModel);
        }

TestLoop.cshtml：

@using Newtonsoft.Json;
<div id="myDiv">
    @await Html.PartialAsync("Partial1", JsonConvert.DeserializeObject<LoopModel>(TempData.Peek("model").ToString()))
</div>
<button onclick="AddContent()">next</button>
@section Scripts
{
    <script>
        var count = 0;


        function AddContent() {
            count++;
            $.ajax({
                type: "POST",
                url: '?count=' + count,
                success: function (result) {
                    $("#myDiv").html(result);
                }
            });
    }
    </script>
}

部分1：

@model LoopModel
@for (var i = 0; i <= Model.count; i++)
{
    <div class="container">@Model.l[i]</div>
}

结果：

【讨论】：

【解决方案2】：

我建议在您的应用程序中实现分页并使您的页面大小 = 1 以实现您的目标。
本教程通过实例讲解了如何实现分页功能，大家可以参考一下。
https://docs.microsoft.com/en-us/aspnet/core/data/ef-mvc/sort-filter-page?view=aspnetcore-3.1#add-paging-to-students-index

【讨论】：