Bom dia Pessoal!
Estou com uma dúvida em relação a buscar os registros e mostra-los em tela.
Eu tenho uma listagem de produtos que eu carrego inicialmente e deixo eles na Session da aplicação. Com a session de produtos preenchida, busco eles ao retornar a view
Dessa forma:
<div class="container">
<div class="row xsResponse">
@foreach (var prod in SessionHelper.produtoscatalogo)
{
<div class="item col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="product" data-id="@prod.idProduto">
@if (!Hlp.PedidoEletronico.CatalogoMvc.Recursos.SessionHelper.bUsuarioVendedor)
{
if (prod.bIsFavorito)
{
<a onclick="addFavoritos(@prod.idProduto)" class="add-fav tooltipHere active" data-toggle="tooltip" data-original-title="Add to Wishlist"
data-placement="left">
<i class="glyphicon glyphicon-heart"></i>
</a>
}
else
{
<a onclick="addFavoritos(@prod.idProduto)" class="add-fav tooltipHere" data-toggle="tooltip" data-original-title="Add to Wishlist"
data-placement="left">
<i class="glyphicon glyphicon-heart"></i>
</a>
}
}
<div class="image">
<div class="quickview">
<a class="btn btn-xs btn-quickview" onclick="AbrirVisualizacaoRapida(@prod.idProduto)">Visualização Rápida</a>
</div>
<a href="/@SessionHelper.catalogo.Key/Produtos/VisualizarProdutoCatalogo?idProduto=@prod.idProduto">
<img src="@prod.xCaminhoImagem" alt="img"
class="img-responsive">
</a>
<div class="promotion">
@if (prod.bNovo)
{
<span class="new-product"> Novo</span>
}
@if (prod.pLiquidacao > 0)
{
<span class="discount">@prod.pLiquidacaoFormatado % OFF</span>
}
</div>
</div>
<div class="description">
<h4><a href="/@SessionHelper.catalogo.Key/Produtos/VisualizarProdutoCatalogo?idProduto=@prod.idProduto">@prod.xNome</a></h4>
<div class="grid-description">
<p>@prod.xDetalhe </p>
</div>
<div class="list-description">
<p>
</p>
</div>
<span class="size"></span>
</div>
<div class="price">
@if (prod.vVendaCatalogo < prod.vVenda)
{
<span>@prod.vVendaCatalogoFormatado</span>
<span class="price-standard">@prod.vVendaFormatado</span>
}
else
{
<span>@prod.vVendaCatalogoFormatado</span>
}
</div>
<div class="action-control">
<button onclick="AdicionarRapidoItemCarrinho('@prod.idProduto', this)" class="btn btn-primary">
<span class="add2cart">
<i class="glyphicon glyphicon-shopping-cart"></i> Adicionar ao carrinho
</span>
</button>
</div>
</div>
</div>
}
<!--/.item-->
</div>
<!-- /.row -->
<div class="row">
<div class="load-more-block text-center">
<a class="btn btn-thin" style="cursor:pointer">
<i class="fa fa-plus-sign">+</i> Carregar Mais Produtos
</a>
</div>
</div>
</div>
Feito isso, estou tentando criar uma rotina de carregar mais produtos em tela ( visto que tem um botão ali por ultimo de carregar mais produtos ) , porém como utilizo Session estou tentando achar alguma forma de coloca-los em tela ao clicar no botão sem
precisar atualizar a página inteira.
Alguém tem alguma ideia de como posso prosseguir?
Obrigado desde já.
