none
Criar linhas e colunas dinamicamente MVC4 RRS feed

  • Pergunta

  • 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á!

    quarta-feira, 25 de novembro de 2015 17:48

Respostas

Todas as Respostas

  • 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

    quinta-feira, 26 de novembro de 2015 00:33
  • 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

    • Marcado como Resposta godinis22 sexta-feira, 27 de novembro de 2015 13:23
    quinta-feira, 26 de novembro de 2015 02:24
  • 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!

    quinta-feira, 26 de novembro de 2015 09:15
  • LINK

    LINK 2


    Att., Rafael Simor


    • Editado SimorC quinta-feira, 26 de novembro de 2015 10:19
    • Marcado como Resposta godinis22 sexta-feira, 27 de novembro de 2015 13:23
    quinta-feira, 26 de novembro de 2015 10:18