Bestes dynamisches JavaScript/JQuery-Raster [closed]

Lesezeit: 6 Minuten

Benutzer-Avatar
Somnath

Ich arbeite mit JavaScript, JQuery und HTML. Die Benutzeroberfläche meines Projekts ist vollständig dynamisch. Ich suche ein dynamisches JavaScript/JQuery-Grid, das folgende Funktionen unterstützt.

Kann mir jemand sagen, ob es ein gut aussehendes Open-Source-Grid gibt, das die folgenden Funktionen unterstützt?

  1. Ich sollte in der Lage sein, zur Laufzeit eine Instanz des Grids zu erstellen und zu DOM hinzuzufügen.
  2. Unterstützt Spaltenvorlagen (Textfeld, Auswahl, Kontrollkästchen oder beliebige Eingaben oder einfachen Text)
  3. Unterstützt das Festlegen einer neuen Spaltenvorlage oder das Ersetzen einer vorhandenen Spaltenvorlage in Echtzeit.
  4. Unter einer Spalte dürfen nur wenige Eingabesteuerelemente (zB Textbox, Checkbox..) vorhanden sein aktiviert und wenige mögen es sein deaktiviert.
  5. Unterstützt setData() in Echtzeit.
  6. Unterstützt Ereignis, wenn Eingabedaten vom Benutzer geändert wurden.
  7. Es sollte die Auswahl einer Zeile unterstützen
  8. Fügen Sie Zeilen hinzu oder löschen Sie Zeilenunterstützung in Echtzeit, ohne das gesamte Raster zu rendern.
  9. Unterstützt Paging.
  10. Unterstützt das Sortieren nach jeder Spalte in Echtzeit.
  11. Löst ein Ereignis aus, wenn Daten in Echtzeit nach Benutzer sortiert werden.
  12. Grid UI muss realisierbare Spalten unterstützen
  13. Automatische Größenanpassung (Es ist großartig, wenn das Raster automatisch an die Größe des übergeordneten Elements angepasst werden kann)
  14. Hat auf jeden Fall eine gute Dokumentation.

  • Schreib es selbst. Wenn Sie all diese Funktionen möchten, müssen Sie es selbst tun. Die individuelle Lösung ist immer die beste Lösung.

    – Raynos

    30. Dezember 2011 um 9:16 Uhr

  • Ich bin mir nicht sicher, ob das immer die beste Lösung ist. Ich meine – ich habe nicht vor, meine eigene Datenbank-Engine zu bauen, anstatt InnoDB zu verwenden …

    – Grimm…

    30. Dezember 2011 um 9:43 Uhr

  • @Roynos, ich habe selbst ein paar Dinge geschrieben, aber ich muss viel Zeit investieren, um alle Funktionen wie Sortieren, Ändern der Größe usw. zu implementieren. Also suche ich nach einem Grid-Steuerelement. Ich werte immer noch alle Grids einzeln aus.

    – Somnath

    30. Dezember 2011 um 11:41 Uhr

  • @Raynos Das ist lächerlich. Die beste Lösung ist die Lösung, die mit den geringsten Kosten funktioniert. Warum bauen, wenn es schon fertig ist?

    – Richard

    3. Oktober 2013 um 7:04 Uhr

  • @RichardDesLonde du hast Recht. Meine Option ist es, die bestehende beste Lösung auszuwählen und sie gemäß Ihren Anforderungen zu erweitern.

    – Somnath

    7. Oktober 2013 um 7:09 Uhr

Benutzer-Avatar
Soham

Einige nützliche sind:

Frei:

Bezahlt:

Die besten Einträge sind meiner Meinung nach Flexigrid und jQuery Grid.

  • Bis jetzt fing ich an, jQuery Grid zu mögen. trirand.com/blog/jqgrid/jqgrid.html Aber ich bin mir immer noch nicht sicher. Halte Dich am laufenden…

    – Somnath

    30. Dezember 2011 um 13:48 Uhr

  • @Somnath – Ist das jQuery-Raster dasjenige, mit dem Sie am zufriedensten waren? Ich habe ein ähnliches Bedürfnis und habe DataTables ausgewertet, aber das Hinzufügen von Zeilen (und deren Teil der Sortierreihenfolge) funktioniert nicht gut.

    – MattW

    12. Januar 2012 um 14:50 Uhr

  • @MattW Ja, ich mag jQuery Grid, das Hinzufügen von Daten ist wirklich einfach. Sie können auch jede Spalte sortierbar machen, indem Sie einfach ein Flag setzen. Meine Anforderungsliste war wirklich groß. Aber nur wenige Dinge, die ich selbst baue, und für einige Fälle verwende ich jQuery Grid. Es wurde auch eine coole und einfache API. Zu diesem Zeitpunkt bin ich mit jQuery Grid zufrieden. Das ist gut.

    – Somnath

    19. Januar 2012 um 17:22 Uhr

  • @Somnath Also, welchen hast du schließlich ausgewählt? Ich Header DataTable ist auch eine gute Option. Welche ist am schnellsten? Und welches unterstützt die Gruppierung?

    – Vivek Wardhan

    7. Oktober 2014 um 11:58 Uhr

  • @VivekVardhan im Gebrauch trirand.com/blog/jqgrid/jqgrid.html

    – Somnath

    30. Januar 2015 um 18:00 Uhr

Benutzer-Avatar
enklaviert

Du kannst es versuchen http://datatables.net/

DataTables ist ein Plug-In für die Javascript-Bibliothek jQuery. Es ist ein hochflexibles Tool, das auf den Grundlagen der progressiven Erweiterung basiert und jeder HTML-Tabelle erweiterte Interaktionskontrollen hinzufügt. Hauptmerkmale:

  • Paginierung mit variabler Länge
  • On-the-Fly-Filterung
  • Mehrspaltige Sortierung mit Datentyperkennung
  • Intelligenter Umgang mit Spaltenbreiten
  • Zeigen Sie Daten aus fast jeder Datenquelle an
  • DOM, Javascript-Array, Ajax-Datei und serverseitige Verarbeitung (PHP, C#, Perl, Ruby, AIR, Gears usw.)
  • Bildlaufoptionen für das Tabellenansichtsfenster
  • Vollständig internationalisierbar
  • jQuery UI ThemeRoller-Unterstützung
  • Grundsolide – unterstützt durch eine Reihe von über 2600 Einheitentests
  • Große Auswahl an Plug-Ins inkl. TableTools, FixedColumns, KeyTable und mehr
  • Es ist kostenlos!
  • Staatliches Sparen
  • Versteckte Spalten
  • Dynamische Erstellung von Tabellen
  • Ajax automatisches Laden von Daten
  • Benutzerdefinierte DOM-Positionierung
  • Einzelspaltenfilterung
  • Alternative Paginierungstypen
  • Zerstörungsfreie DOM-Interaktion
  • Hervorhebung der Sortierspalte(n).
  • Erweiterte Datenquellenoptionen
  • Umfangreiche Plug-in-Unterstützung
  • Sortierung, Typerkennung, API-Funktionen, Paginierung und Filterung
  • Vollständig durch CSS gestaltbar
  • Solide Dokumentation
  • Über 110 vorgefertigte Beispiele
  • Volle Unterstützung für Adobe AIR

  • Bitte nehmen Sie die richtige Formatierung für Schlüsselfunktionen vor. Verwenden Sie nicht nur Kopieren/Einfügen. Müssen Sie es nach dem Kopieren / Einfügen einmal lesen?

    Benutzer319198

    30. Dezember 2011 um 10:10 Uhr


  • Was bedeutet „zerstörungsfreie DOM-Interaktion“? Es fällt schwer zu verstehen, warum dies neuartig oder ein Feature ist und was es abdeckt / garantiert.

    – John Zabroski

    29. Dezember 2013 um 4:39 Uhr

  • @John wird auf der verlinkten Seite nicht mehr erwähnt, aber wenn Sie im Internet nach diesem Satz suchen, werden Sie fündig „Die größte Änderung in v1.4 ist die zerstörungsfreie DOM-Interaktion. Das bedeutet, dass DataTables die Tabellenelemente nicht überschreibt, um ihre Funktionen auszuführen (wahre progressive Verbesserung!), sondern die Elemente verschiebt. In v1 .3 und bevor es den für den Tbody erforderlichen HTML-Code bei jeder Ziehung dynamisch erstellen würde, ist dies nicht mehr der Fall.Der unmittelbare Vorteil besteht darin, dass alle Attribute (Klassen usw.) auf der ursprünglichen Tabelle erhalten bleiben […]”

    – CodeCaster

    29. Januar 2014 um 8:09 Uhr

  • Es ist keine freie Software, denke ich, mmm, ein Problem damit.

    – David

    13. Februar 2015 um 10:29 Uhr

  • Anscheinend sind diese coolen DataTables-Raster nicht bearbeitbar, und wenn Sie es brauchen, müssen Sie für die bearbeitbare Version bezahlen: editor.datatables.net/purchase/index

    – Noch ein Coder

    5. April 2015 um 0:29 Uhr

Mein Vorschlag für ein dynamisches JQuery-Grid ist unten.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Das Beste ist:

Datentabellen ist ein Plug-In für die Javascript-Bibliothek jQuery. Es ist ein hochflexibles Tool, das auf den Grundlagen der progressiven Erweiterung basiert und jeder HTML-Tabelle erweiterte Interaktionskontrollen hinzufügt.

Paginierung mit variabler Länge

On-the-Fly-Filterung

Mehrspaltige Sortierung mit Datentyperkennung

Intelligenter Umgang mit Spaltenbreiten

Zeigen Sie Daten aus fast jeder Datenquelle an

DOM, Javascript-Array, Ajax-Datei und serverseitige Verarbeitung (PHP, C#, Perl, Ruby, AIR, Gears usw.)

Bildlaufoptionen für das Tabellenansichtsfenster

Vollständig internationalisierbar

jQuery UI ThemeRoller-Unterstützung

Grundsolide – unterstützt durch eine Reihe von über 2600 Einheitentests

Große Auswahl an Plug-Ins inkl. TableTools, FixedColumns, KeyTable und mehr

Dynamische Erstellung von Tabellen

Ajax automatisches Laden von Daten

Benutzerdefinierte DOM-Positionierung

Einzelspaltenfilterung

Alternative Paginierungstypen

Zerstörungsfreie DOM-Interaktion

Hervorhebung der Sortierspalte(n).

Erweiterte Datenquellenoptionen

Umfangreiche Plug-in-Unterstützung

Sortierung, Typerkennung, API-Funktionen, Paginierung und Filterung

Vollständig durch CSS gestaltbar

Solide Dokumentation

Über 110 vorgefertigte Beispiele

Volle Unterstützung für Adobe AIR

Schauen Sie sich agiletoolkit.org an, da dies ein einfach zu verwendendes CRUD hat, das 2,4,6,7,9,10 und 12 standardmäßig unterstützt (benutzt Ajax, um das Grid beim Hinzufügen und Löschen von Daten zu verteidigen, und es integriert sich mit Abfrage.

Ich würde einige Beispiele posten, aber im Moment auf einem iPad.

1158450cookie-checkBestes dynamisches JavaScript/JQuery-Raster [closed]

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy