Meilleure grille dynamique JavaScript/JQuery

Question

Je travaille avec JavaScript, JQuery et HTML. L'interface utilisateur de mon projet est entièrement dynamique. Je suis à la recherche d'une grille dynamique JavaScript/JQuery qui supporte les fonctionnalités suivantes.

Quelqu'un peut-il me dire s'il existe une grille open source de bonne qualité qui prend en charge les fonctionnalités suivantes ?

1. Je devrais être capable de créer une instance de la grille au moment de l'exécution et de l'ajouter au DOM.
2. Prise en charge des modèles de colonnes (zone de texte, sélection, case à cocher ou toute autre entrée ou texte simple)
3. Permet de définir un nouveau modèle de colonne ou de remplacer un modèle de colonne existant en temps réel.
4. Les quelques contrôles d'entrée (ex. boîte de texte, case à cocher ) présents sous une colonne peuvent être activé et peu peuvent être désactivé .
5. Supporte setData() en temps réel.
6. Supporte l'événement si une donnée d'entrée est modifiée par l'utilisateur.
7. Il doit permettre la sélection d'une rangée
8. Prise en charge de l'ajout ou de la suppression de rangées en temps réel sans rendre toute la grille.
9. Supporte la radiomessagerie.
10. Supporte le tri par n'importe quelle colonne en temps réel.
11. Déclenche un événement si les données sont triées par l'utilisateur en temps réel.
12. L'interface de la grille doit prendre en charge les colonnes réalisables
13. Auto-redimensionnable (Ce serait génial si la grille était auto-redimensionnable en fonction de la taille de l'élément parent).
14. La documentation est vraiment bonne.

Answer 1

Certains sont utiles :

Gratuit :

• Grille Gijgo
• Backgrid.js
• Flexigrid
• jqGridView
• Ingrid
• SlickGrid
• DataTables
• Shield UI Lite Grid

Payé :

• Grille fantaisie
• Grille jQuery
• jqxGrid
• Grille Shield UI

Les meilleures entrées à mon avis sont Flexigrid et jQuery Grid.

Answer 2

Vous pouvez essayer http://datatables.net/

DataTables est un plug-in pour la bibliothèque Javascript jQuery. Il s'agit d'un outil très flexible, basé sur les principes de l'amélioration progressive, qui permet d'ajouter des contrôles d'interaction avancés à n'importe quel tableau HTML. Caractéristiques principales :

• Pagination à longueur variable
• Filtrage à la volée
• Triage multi-colonnes avec détection du type de données
• Gestion intelligente de la largeur des colonnes
• Afficher des données provenant de presque toutes les sources de données
• DOM, tableau Javascript, fichier Ajax et traitement côté serveur (PHP, C#, Perl, Ruby, AIR, Gears etc)
• Options de défilement pour la fenêtre du tableau
• Entièrement internationalisable
• Prise en charge de jQuery UI ThemeRoller
• Solide comme le roc - soutenu par une suite de plus de 2600 tests unitaires
• Une grande variété de plug-ins inc. TableTools, FixedColumns, KeyTable, etc. plus
• C'est gratuit !
• Économie d'État
• Colonnes cachées
• Création dynamique de tableaux
• Chargement automatique des données par Ajax
• Positionnement DOM personnalisé
• Filtrage sur une seule colonne
• Autres types de pagination
• Interaction non-destructive avec le DOM
• Mise en évidence de la ou des colonnes de tri
• Options avancées de la source de données
• Prise en charge étendue des plug-ins
• Tri, détection des types, fonctions API, pagination et filtrage.
• Entièrement thématisable par CSS
• Une documentation solide
• Plus de 110 exemples préconstruits
• Prise en charge complète d'Adobe AIR

Answer 3

Voici mes suggestions pour une grille JQuery dynamique.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Le meilleur est :

DataTables est un plug-in pour la bibliothèque Javascript jQuery. Il s'agit d'un outil très flexible, basé sur les principes de l'amélioration progressive, qui permet d'ajouter des contrôles d'interaction avancés à tout tableau HTML.

Pagination à longueur variable

Filtrage à la volée

Triage multi-colonnes avec détection du type de données

Gestion intelligente de la largeur des colonnes

Afficher des données provenant de presque toutes les sources de données

DOM, tableau Javascript, fichier Ajax et traitement côté serveur (PHP, C#, Perl, Ruby, AIR, Gears etc)

Options de défilement pour la fenêtre du tableau

Entièrement internationalisable

Prise en charge de jQuery UI ThemeRoller

Solide comme le roc - soutenu par une suite de plus de 2600 tests unitaires

Une grande variété de plug-ins inc. TableTools, FixedColumns, KeyTable, etc.

Création dynamique de tableaux

Chargement automatique des données par Ajax

Positionnement DOM personnalisé

Filtrage sur une seule colonne

Autres types de pagination

Interaction non-destructive avec le DOM

Mise en évidence de la ou des colonnes de tri

Options avancées de la source de données

Prise en charge étendue des plug-ins

Tri, détection des types, fonctions API, pagination et filtrage.

Entièrement thématisable par CSS

Une documentation solide

Plus de 110 exemples préconstruits

Prise en charge complète d'Adobe AIR

Answer 4

Jetez un coup d'œil à agiletoolkit.org, qui propose un CRUD simple à utiliser et qui prend en charge 2, 4, 6, 7, 9, 10 et 12 (il utilise Ajax pour défendre la grille lors de l'ajout ou de la suppression de données et s'intègre à jquery).

Je posterais bien quelques exemples mais je suis sur un iPad pour le moment.