none
Layout para aplicação MVC4. RRS feed

  • Pergunta

  • Boa Tarde galera.

    Pessoal preciso de uma ajuda. 

    Pra minha aplicação MVC4 eu queria um layout bem legal, onde eu consiga ter uma grid com colunas ordenáveis, paginação etc. DropDowns, TreeViews, TextBoxes, RadioButtons, CheckBoxes estilizados, para que a aplicação fique de fácil visualização para o usuário.

    Eu conheco o KendoUI, DevExpress e o BootStrap.

    Bom, nesse caso eu já utilizei o BootStrap mas em alguns pontos não me agradou muito apesar de ser bem simples de se utilizar.

    Estou testando o DevExpress, mas é bem complicado de entender o código.

    E o KendoUI sequer funcionou :/.

    Será que vocês conhecem alguma "extensão" que irá me ajudar com isso?

    Obrigado.  


    Voce pode encarar um erro como uma besteira a ser esquecida, ou como um resultado que aponta uma nova direcao by Steve Jobs

    quarta-feira, 27 de novembro de 2013 16:14

Respostas

  • Bom dia Fernando!


    Estou usando DevExpress...

    PAra ordenar a grid pode se usar o comando abaixo junto da coluna que deseja ser ordenada:

    column.SortAscending();

    ex:

    settings.Columns.Add(column =>
            {
                column.FieldName = "Id";
                column.Caption = Resources.Literals.lbl_code;
                column.Width = Unit.Pixel(100);
                column.HeaderStyle.HorizontalAlign = HorizontalAlign.Left;
                column.CellStyle.HorizontalAlign = HorizontalAlign.Center;
                column.SortAscending();
            });

    dev Express é muito interessante, abaixo mais um exemplo: textBox:

    <td style="width: 666px">
                    @Html.DevExpress().TextBoxFor(m => m.Description,
                    settings =>
                    {
                        settings.Width = Unit.Pixel(660);
                        //settings.Height = Unit.Pixel(21);
                        settings.Properties.MaxLength = 150;
                        settings.Properties.ClientSideEvents.ValueChanged = "TrimField";
                    }).GetHtml()
                </td>




    • Marcado como Resposta Fernando Mamprin terça-feira, 3 de dezembro de 2013 16:05
    terça-feira, 3 de dezembro de 2013 12:19

Todas as Respostas

  • Bom dia Fernando!


    Estou usando DevExpress...

    PAra ordenar a grid pode se usar o comando abaixo junto da coluna que deseja ser ordenada:

    column.SortAscending();

    ex:

    settings.Columns.Add(column =>
            {
                column.FieldName = "Id";
                column.Caption = Resources.Literals.lbl_code;
                column.Width = Unit.Pixel(100);
                column.HeaderStyle.HorizontalAlign = HorizontalAlign.Left;
                column.CellStyle.HorizontalAlign = HorizontalAlign.Center;
                column.SortAscending();
            });

    dev Express é muito interessante, abaixo mais um exemplo: textBox:

    <td style="width: 666px">
                    @Html.DevExpress().TextBoxFor(m => m.Description,
                    settings =>
                    {
                        settings.Width = Unit.Pixel(660);
                        //settings.Height = Unit.Pixel(21);
                        settings.Properties.MaxLength = 150;
                        settings.Properties.ClientSideEvents.ValueChanged = "TrimField";
                    }).GetHtml()
                </td>




    • Marcado como Resposta Fernando Mamprin terça-feira, 3 de dezembro de 2013 16:05
    terça-feira, 3 de dezembro de 2013 12:19
  • Algumas configurações de paginação:

    ex:

     settings.SettingsPager.FirstPageButton.Visible = true;
            settings.SettingsPager.LastPageButton.Visible = true;
            settings.SettingsPager.PageSize = 10;
            settings.SettingsPager.PageSizeItemSettings.Visible = true;
            settings.SettingsPager.PageSizeItemSettings.Items = new string[] { "20", "30", "50" };

    terça-feira, 3 de dezembro de 2013 12:20
  • Fala Daniel, valeu pelo retorno cara. 

    Então, junto com os pessoal da empresa decidimos utilizar o DevExpress eu ate já montei uma grid com base na documentação online. 

    Já que você utiliza ele, você pode me informar se vale a pena comprar? 

    Outra coisa, agora esta ocorrendo esse erro sabe me dizer o que pode ser? 

    Essa é minha Index onde a ListaClientes está sendo chamada:

    @model IEnumerable<DXWebApplication12.Models.Cliente>
    
        @Html.Partial("ListaClientes", Model)
    

    E essa é minha controller:

    public class ClienteController : Controller
     {
            LeiloesDBEntities db = new LeiloesDBEntities();
    
            //
            // GET: /Cliente/
    
            public ActionResult ConsultaCliente()
            {
                return View();
            }
    
            [HttpPost]
            public ActionResult Index(Cliente nomeCliente)
            {
                return PartialView("Index", RecuperaLista(nomeCliente));
            }
    
            private IEnumerable RecuperaLista(Cliente nomeCliente)
            {
                return from a in db.Cliente
                       where a.Nome.Contains(nomeCliente.Nome.Trim())
                       select a;
            }
    
    }

    Você já passou por isso?

    Agradeço o retorno cara. 

    Abraço.


    Voce pode encarar um erro como uma besteira a ser esquecida, ou como um resultado que aponta uma nova direcao by Steve Jobs

    terça-feira, 3 de dezembro de 2013 16:04