Ich arbeite mit JavaScript, JQuery und HTML. Die Benutzeroberfläche meines Projekts ist vollständig dynamisch. Ich suche ein dynamisches JavaScript / JQuery-Raster, das die folgenden Funktionen unterstützt.
Kann mir jemand sagen, dass es ein gut aussehendes Open-Source-Grid gibt, das die folgenden Funktionen unterstützt?
- Ich sollte in der Lage sein, zur Laufzeit eine Instanz des Rasters zu erstellen und zu DOM hinzuzufügen.
- Unterstützt Spaltenvorlagen (Textfeld, Auswahl, Kontrollkästchen oder beliebige Eingaben oder einfacher Text)
- Unterstützt das Festlegen einer neuen Spaltenvorlage oder das Ersetzen einer vorhandenen Spaltenvorlage in Echtzeit.
- In einer Spalte sind möglicherweise nur wenige Eingabesteuerelemente (z. B. Textfeld, Kontrollkästchen ..) aktiviert und nur wenige deaktiviert .
- Unterstützt setData () in Echtzeit.
- Unterstützt Ereignisse, wenn Eingabedaten vom Benutzer geändert wurden.
- Es sollte die Auswahl einer Zeile unterstützen
- Hinzufügen von Zeilen oder Löschen von Zeilenunterstützung in Echtzeit, ohne das gesamte Raster zu rendern.
- Unterstützt Paging.
- Unterstützt das Sortieren nach einer beliebigen Spalte in Echtzeit.
- Löst ein Ereignis aus, wenn die Daten in Echtzeit vom Benutzer sortiert werden.
- Die Raster-Benutzeroberfläche muss realisierbare Spalten unterstützen
- Automatische Größenänderung (Es ist großartig, wenn das Raster entsprechend der Größe des übergeordneten Elements automatisch angepasst werden kann.)
- Hat auf jeden Fall eine gute Dokumentation.
javascript
jquery
grid
Somnath
quelle
quelle
Antworten:
Einige nützliche sind:
Frei:
Bezahlt:
Die besten Einträge sind meiner Meinung nach Flexigrid und jQuery Grid.
quelle
Sie können http://datatables.net/ versuchen
DataTables ist ein Plug-In für die jQuery Javascript-Bibliothek. Es ist ein hochflexibles Tool, das auf den Grundlagen der progressiven Verbesserung basiert und jeder HTML-Tabelle erweiterte Interaktionssteuerelemente hinzufügt. Hauptmerkmale:
quelle
Mein Vorschlag für ein dynamisches JQuery-Raster ist unten aufgeführt.
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
Das Beste ist:
DataTables ist ein Plug-In für die jQuery Javascript-Bibliothek. Es ist ein hochflexibles Tool, das auf den Grundlagen der progressiven Verbesserung basiert und jeder HTML-Tabelle erweiterte Interaktionssteuerelemente hinzufügt.
Paginierung mit variabler Länge
On-the-Fly-Filterung
Mehrspaltige Sortierung mit Datentyperkennung
Intelligente Handhabung von Spaltenbreiten
Zeigen Sie Daten aus nahezu jeder Datenquelle an
DOM, Javascript-Array, Ajax-Datei und serverseitige Verarbeitung (PHP, C #, Perl, Ruby, AIR, Gears usw.)
Bildlaufoptionen für das Tabellenansichtsfenster
Voll internationalisierbar
Unterstützung für jQuery UI ThemeRoller
Ganz solide - unterstützt durch eine Reihe von mehr als 2600 Unit-Tests
Große Auswahl an Plug-Ins Inc. TableTools, FixedColumns, KeyTable und mehr
Dynamische Erstellung von Tabellen
Ajax automatisches Laden von Daten
Benutzerdefinierte DOM-Positionierung
Einspaltige Filterung
Alternative Paginierungsarten
Zerstörungsfreie DOM-Interaktion
Hervorheben der Sortierspalte (n)
Erweiterte Datenquellenoptionen
Umfangreiche Plug-In-Unterstützung
Sortieren, Typerkennung, API-Funktionen, Paginierung und Filterung
Vollständig thematisierbar mit CSS
Solide Dokumentation
110+ vorgefertigte Beispiele
Volle Unterstützung für Adobe AIR
quelle
Werfen Sie einen Blick auf agiletoolkit.org, da dies eine einfach zu verwendende CRUD hat, die 2,4,6,7,9,10 und 12 sofort unterstützt (verwendet Ajax, um das Raster beim Hinzufügen, Löschen von Daten zu verteidigen, und integriert sich in jquery.
Ich würde einige Beispiele veröffentlichen, aber im Moment auf einem iPad.
quelle