Wie erstellt man eine AJAX-Tabelle oder eine bearbeitbare und navigierbare Web-Tabelle/Gitter?

Question

Many web applications today haben Tabellenkalkulationen. Ich habe versucht, einen sehr ähnlichen Tisch zu machen, aber mit reduzierter funcionality:

1. bearbeitbaren Zellen
2. die Pfeiltasten drücken, oder möchten Sie die aktuellen nächste gehen zu einer Zelle machen (in der richtigen Richtung)

fand ich ext grid und YUI DataTable, und außerdem habe ich sie editierbar ist nicht eine einfache Möglichkeit, um sie Tastatur navigierbar gefunden.

Wer weiß, wie man sie richtig konfiguriert? Kennt jemand eine andere JS-Bibliothek, die mir helfen würde?

Answer 1

http://os.arandomurl.com/jqueryspreadsheet/ Pfeile arbeiten

http://plugins.jquery.com/project/sheet

Answer 2

Verwenden Sie eines dieser Raster, und beobachten Sie einfach das Keyboard Keyup-Ereignis. Überprüfen Sie, ob es ein Pfeil ist, und wenn ja, verschieben Sie den Fokus. Beide Gitter unterstützen die Auswahl der Zelle über den Code, so dass Sie gut gehen sollten.

Answer 3

Gelsheet Ein Google Doc wie Anwendung Versuchen (reduziert), aber Open Source! Sie können installieren und anpassen, wie Sie möchten. Außerdem gibt es Plugins für WordPress, Opengoo und Fengoffice.

Viel Glück!

Answer 4

Es gibt ein Plugin für jQuery namens jqGrid. Klingt ziemlich gut.