Estou trabalhando com JavaScript, JQuery e HTML. A interface do usuário do meu projeto é totalmente dinâmica. Estou procurando uma grade dinâmica de JavaScript / JQuery que ofereça suporte aos seguintes recursos.
Alguém pode me dizer se existe alguma grade de fontes abertas de boa aparência que suporte os seguintes recursos?
- Devo ser capaz de criar uma instância da grade em tempo de execução e adicionar ao DOM.
- Suporta modelos de coluna (caixa de texto, seleção, caixa de seleção ou qualquer entrada ou texto simples)
- Oferece suporte para definir um novo modelo de coluna ou substituir o modelo de coluna existente em tempo real.
- Alguns controles de entrada (por exemplo, caixa de texto, caixa de seleção ..) presentes em uma coluna podem ser ativados e poucos podem ser desativados .
- Suporta setData () em tempo real.
- Suporta evento se algum dado de entrada for alterado pelo usuário.
- Deve suportar a seleção de uma linha
- Adicione ou exclua o suporte de linha em tempo real sem renderizar toda a grade.
- Suporta paginação.
- Suporta classificação por qualquer coluna em tempo real.
- Dispara um evento se os dados forem classificados pelo usuário em tempo real.
- A interface de usuário da grade deve suportar colunas realizáveis
- Auto redimensionável (será ótimo se a grade for redimensionada automaticamente de acordo com o tamanho do elemento pai)
- Definitivamente, tem uma boa documentação.
javascript
jquery
grid
Somnath
fonte
fonte
Respostas:
Alguns úteis são:
Livre:
Pago:
As melhores entradas na minha opinião são Flexigrid e jQuery Grid.
fonte
podes tentar http://datatables.net/
DataTables é um plug-in para a biblioteca jQuery Javascript. É uma ferramenta altamente flexível, baseada nos fundamentos do aprimoramento progressivo, que adicionará controles de interação avançados a qualquer tabela HTML. Características principais:
fonte
Minha sugestão para o JQuery Grid dinâmico está abaixo.
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
O melhor é:
DataTables é um plug-in para a biblioteca jQuery Javascript. É uma ferramenta altamente flexível, baseada nos fundamentos do aprimoramento progressivo, que adicionará controles de interação avançados a qualquer tabela HTML.
Paginação de comprimento variável
Filtragem em tempo real
Classificação de várias colunas com detecção de tipo de dados
Tratamento inteligente de larguras de coluna
Exibir dados de quase qualquer fonte de dados
DOM, array Javascript, arquivo Ajax e processamento do lado do servidor (PHP, C #, Perl, Ruby, AIR, Gears etc)
Opções de rolagem para janela de visualização da tabela
Totalmente internacionalizável
Suporte jQuery UI ThemeRoller
Sólido como uma rocha - apoiado por um conjunto de mais de 2600 testes de unidade
Grande variedade de plug-ins inc. TableTools, FixedColumns, KeyTable e mais
Criação dinâmica de tabelas
Carregamento automático de dados Ajax
Posicionamento DOM personalizado
Filtragem de coluna única
Tipos de paginação alternativos
Interação DOM não destrutiva
Classificando coluna (s) destacando
Opções avançadas de fonte de dados
Amplo suporte a plug-ins
Classificação, detecção de tipo, funções de API, paginação e filtragem
Totalmente tematizável por CSS
Documentação sólida
Mais de 110 exemplos pré-construídos
Suporte completo para Adobe AIR
fonte
Dê uma olhada em agiletoolkit.org, pois ele tem um CRUD simples de usar que suporta 2,4,6,7,9,10 e 12 fora da caixa (usa Ajax para defender a grade ao adicionar, excluir dados e se integra com jquery.
Eu postaria alguns exemplos, mas em um iPad no momento.
fonte