77 votes

Meilleure grille dynamique de JavaScript/JQuery

Je suis en train de travailler avec JavaScript, JQuery et HTML. L'INTERFACE utilisateur De mon projet est entièrement dynamique. Je suis à la recherche d'une dynamique de JavaScript/JQuery Grille qui supporte les fonctionnalités suivantes.

Quelqu'un peut-il me dire quel est la bonne à la recherche de sources ouvertes Grille qui prend en charge les fonctionnalités suivantes?

  1. Je devrais être en mesure de créer une instance de la grille au moment de l'exécution et de l'ajouter à DOM.
  2. Soutient les modèles de colonne (zone de texte, sélectionnez, case à cocher ou des entrées ou texte simple)
  3. Prend en charge de définir de nouveaux colonne de modèle ou de remplacer la colonne de modèle en temps réel.
  4. Peu de contrôle d'entrée (e.g zone de texte, case à cocher..) présents dans une colonne peut être activé et quelques-uns peut-être désactivé.
  5. Prend en charge setData() en temps réel.
  6. Prend en charge l'événement si l'une des données d'entrée modifiée par l'utilisateur.
  7. Elle doit soutenir la sélection d'une Ligne
  8. Ajouter une ligne ou de supprimer la ligne de soutien en temps réel sans le rendu de l'ensemble de la grille.
  9. Prend En Charge La Pagination.
  10. Prend en charge le tri par 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. La grille de l'INTERFACE utilisateur doit prendre en charge nette de réalisation des colonnes
  13. Auto ré-extensible (Il sera grand si la grille est auto ré-extensible en fonction de la taille de l'élément parent)
  14. A certainement une bonne documentation.

36voto

enclaved Points 229

vous pouvez essayer http://datatables.net/

DataTables est un plug-in pour la bibliothèque Javascript jQuery. C'est un outil très flexible, basée sur les fondements de l'amélioration progressive, qui va ajouter des interactions avancées des contrôles à tout tableau HTML. Principales caractéristiques:

  • Longueur Variable de la pagination
  • Sur la volée de filtrage
  • Multi-tri par colonne avec le type de données de détection
  • Smart manipulation de la largeur des colonnes
  • Afficher des données à partir de presque toutes les sources de données
  • DOM, tableau Javascript, Ajax fichier et de traitement côté serveur (PHP, C#, Perl, Ruby, l'AIR, les vitesses etc.)
  • Les options de défilement pour la table de la fenêtre d'affichage
  • Entièrement internationalisable
  • jQuery UI ThemeRoller soutien
  • Solide comme le roc - soutenu par une suite de 2600+ tests unitaires
  • Large variété de plug-ins inc. TableTools, FixedColumns, KeyTable et plus
  • C'est gratuit!
  • L'état d'économie d'
  • Les colonnes masquées
  • Dynamique de création de tables
  • Ajax chargement automatique des données
  • Personnalisé DOM positionnement
  • Seule la colonne de filtrage
  • Alternative pagination types
  • Non-destructive DOM interaction
  • Le tri de la colonne(s) mettant en évidence
  • Advanced options de sources de données
  • Une vaste prise en charge des
  • Le tri, le type de détection, les fonctions de l'API, de la pagination et de filtrage
  • Entièrement personnalisable avec des thèmes CSS
  • Solide documentation
  • 110+ pré-construit des exemples
  • Full support pour Adobe AIR

25voto

Soham Points 431

Certains sont utiles:

Les meilleurs entrées, à mon avis, sont Flexigrid et jQuery Grille.

5voto

Trevor North Points 1785
<p>Jeter un oeil à agiletoolkit.org car c’est un simple pour employer CRUD qui prend en charge 2,4,6,7,9,10 et 12 out of the box (utilise Ajax pour defender la grille lors de l’ajout, suppression de données et il s’intègre avec jquery.</p> <p>Je posterais quelques exemples mais sur un iPad pour le moment.</p>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by: