Layout para aplicação MVC4.

Question

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

Answer 1

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>

Answer 2

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" };

Answer 3

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