Eu tenho uma lista convencional gerada pelo Asp.Net MVC. Nos itens coloquei um ActionLink para mudar a situação do item de Pendente para Finalizado. Sempre que clico no link ele recarrega a página. Como minha lista excede a altura da tela, quando clico no link de algum item do final da lista, ele recarrega a página e volta para cima.
Como eu faço para atualizar o item sem recarregar a página?
De forma resumida, minha view:
@model IEnumerable<PortalDeRelacionamento.Areas.Workflow.Models.Atividade>
<h2>Minhas Atividades</h2>
<table class="table">
<tr>
<th>
@Html.DisplayName("Atividade")
</th>
<th>
@Html.DisplayName("Situação")
</th>
<th></th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.DescricaoResumida)
</td>
<td>
@Html.DisplayFor(modelItem => item.Situacao.Descricao)
</td>
<td>
@Html.ActionLink("Detalhes", "Details", "Atividades", new { id = item.Id }, new { data_id = item.Id, id = item.Id })
@if (item.SituacaoId == 1) {
<span> | </span> @Html.ActionLink("Finalizar", "Finalizar", new { id = item.Id })
</td>
</tr>
}
</table>
E assim está meu controller:
public ActionResult Finalizar(int id)
{
var atividade = db.Atividades.Find(id);
atividade.SituacaoId = 2;
UpdateModel(db);
try
{
db.SaveChanges();
}
catch (Exception dbEx)
{
throw new Exception(dbEx.ToString());
}
return RedirectToAction("Listar"):
}