Senhores, estou com um problema tambem no mesmo processo pois ao clicar no decrementar o programa decrementa mas nao esta atualizando a lista.
ProdutoController
public ActionResult DecrementaQtd(int id)
{
ProdutosDAO dao = new ProdutosDAO();
Produto produto = dao.BuscaPorId(id);
produto.Quantidade--;
dao.Atualiza(produto);
return Json(produto);
}
Layout
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>SmartCase</title>
<link rel="stylesheet" href="~/Content/Css/bootstrap.css" />
<link rel="stylesheet" href="~/Content/Css/Site.css" />
</head>
<body>
<div class="container">
<div class="header">
<ul class="nav nav-pills pull-right">
<li>@Html.RouteLink("Produtos", "ListaProdutos")</li>
<li>@Html.RouteLink("Categoria","ListaCategoria")</li>
<li>@Html.RouteLink("Cadastro Produto","CadastroProdutos")</li>
</ul>
<h3 class="text-muted">SmartCase Acessorios</h3>
</div>
<div id="Conteudo">
@RenderBody()
</div>
</div>
</body>
</html>
View
@model IList<CaelumEstoque.Models.Produto>
<table class="table table-hover">
<thead>
<tr >
<th>Id</th>
<th>Nome</th>
<th>Quantidade</th>
<th>Ação</th>
</tr>
</thead>
<tbody>
@foreach (var produto in Model)
{
<tr>
<td>@produto.Id</td>
<td>@Html.RouteLink(produto.Nome, "VisualizaProdutos", new { id = produto.Id })</td>
<td id="Quantidade@(produto.Id)">@produto.Quantidade</td>
<td><a href="#" onclick="decrementa(@produto.Id);">Decrementar</a></td>
</tr>
}
</tbody>
</table>
<script type="text/javascript"src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
function decrementa(produtoId)
{
var url = "@Url.Action("DecrementaQtd", "Produto")";
$.post(url,{id : produtoId},atualiza);
}
function atualiza(resposta)
{
$("#Quantidade" + resposta.id).html(resposta.Quantidade);
}
</script>
