Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

90
Visualizações
I want to display one by one value in foreah loop according to demo Image

enter image description here

In a model with 180 records, I want to display one at a time. when I click on the next button the next record is shown with a refreshed page.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

You can try to use TempData and partial view,here is a demo:

Model:

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

Action:

[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>
}

Partial1:

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

result: enter image description here

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda