ASP.NET MVC + Flexigrid ( Parte 4 ) – Criando botões e navegando entre os elementos do grid

Standard

Dando continuidade a série sobre como implementar o Flexigrid em aplicações ASP.NET MVC, neste post demonstrarei como podemos criar botões e navegar entre as linhas e itens do grid.

Criando Botões

Básicamente para criar botões basta definir a propriedade buttons, e criar as funcions que os mesmos chamam ao efetuar o click, veja:

buttons:
[
    { name: 'Adicionar', onpress: adiciona, title: 'Adicionar' },
    { name: 'Editar', onpress: edita, title: 'Editar' },
    { name: 'Excluir', onpress: exclui, title: 'Excluir' },
    { name: 'Verificar Seleção', onpress: visualizar, title: 'Visualizar' }
],

Continue reading

ASP.NET MVC + Flexigrid ( Parte 2 ) – Habilitando e configurando a ordenação com Dynamic Linq

Standard

Dando continuidade na série sobre ASP.NET MVC + Flexigrid, irei demonstrar nesta segunda parte como podemos habilitar e configurar a ordenação pelas colunas em nosso grid. Caso você ainda não tenha visto o artigo anterior onde falei, como criar e renderizar o grid, clique aqui. Isto é muito importante, pois durante todos as partes e novas implementações da série, estarei utilizando o projeto de exemplo da primeira parte.

Continue reading

ASP.NET MVC + Flexigrid ( Parte 1 ) – Entendendo, Criando e Renderizando o Grid

Standard

Flexigrid?

Para que não conhece, o Flexigrid é uma biblioteca jQuery gratuita que possibilita de uma forma bem simples e fácil o trabalho com Grids. Sabemos que atualmente existem diversos plugins de grid que possibilitam a implementação com aplicações MVC, porém, gosto muito do Flexigrid, pois ele é bem leve, robusto, simples, fácil, extremamente eficiente e além disso tudo ele é Free.

O Download do Flexigrid pode ser feito aqui.

Criando e configurando o projeto

Vamos criar um novo projeto MVC e adicionar um novo arquivo EDMX para trabalharmos com Entity Framework. Para o exemplo irei estar utilizando uma tabela de Clientes chamada tbClientes que possui apenas duas colunas: codCliente e nome. Continue reading