Criar linhas e colunas dinamicamente MVC4

Question

A imagem acima resume o que quero fazer, listar dessa maneira buscando do banco, e fazendo paginação ou um link "carregar mais" em MVC 4. no web forms era só eu criar um listview e add numero de linhas e colunas que quero mostrar. mas em mvc4 nao sei fazer, pois sou muito novato e gostaria muito da ajuda de vcs, por favor! Muito obrigado desde já!

Answer 1

Olá!!

Eu suponho que você já tem definida sua entidade como as propriedades foto, descricao, preco, etc certo?

Meu exemplo é basico, existem outrs formas de fazer o que você quer, mas acho que pode começar assim.

Então na action (ex: Index), precisa pegar os dados. Para isso no exemplo uso um contexto de bd

 public ActionResult Index()
        {
            Produto lista = ContextoDeBD.Produto.ToList();
            return View(lista);
        }

Agora, já a View (Index.cshtml) tem que ser fortemente tipada, quero dizer que precisa carregar um modelo, para isso, na primeira linha da view....

@model IEnumerable<NomeProjeto.Model.Produto>

Fica claro que Produto é a entidade e vamos a renderizar uma lista delas.

No corpo da view precisamos iterar a lista para mostrar todos os items:

@foreach(var item in Model)
{
 <p>
   @item.Descricao
 <p/>
 <p>
  @item.Preco
 <p/>
}

*obs. No foreach tem que ser Model e não model.

Para a paginação, pode usar um nuget, existem varios já testados e simples de usar

da uma olhada : https://www.nuget.org/packages?q=pagination

Answer 2

Boa noite.

AQUI e AQUI tem dois exemplos de listagem com paginação (PagedList).

A diferença estaria no Razor/Bootstrap/CSS para fazer a customização de acordo com as tuas necessidades.

---

Att., Rafael Simor

Answer 3

Obrigado colegas, links muitos uteis, até ja implementei um, ficou show. mas ainda tenho uma dificuldade, vide a imagem acima, perceba que a cada tres colunas pula-se uma linha e assim vai até a quantidade definida por pagina.

como implementar isso na minha view? um exemplo pratico por favor? muito obrigado pessoal a ajuda que vem me dado!

Answer 4

LINK

LINK 2

---

Att., Rafael Simor