Verwenden Sie jQuery, um bearbeitbare tables_jquery zu implementieren

Heute haben wir das Beispiel der Verwendung von jQuery zum Implementieren einer bearbeitbaren Tabelle kennengelernt. Die Anforderungen für dieses Beispiel lauten wie folgt: Klicken Sie auf eine Zelle in der Vordergrundtabelle, um deren Inhalt zu ändern, drücken Sie die Eingabetaste, um den geänderten Inhalt zu speichern, und esc, um den gespeicherten Inhalt rückgängig zu machen. Prinzip: Wenn Sie auf eine Client-Tabellenzelle klicken, fügen Sie ein Textfeld in die Zelle ein, weisen Sie den ursprünglichen Inhalt in der Zelle dem Textfeld zu und ändern Sie dann den Inhalt des Textfelds weiter. Weisen Sie den Inhalt des Textfelds nach der Änderung erneut der Zelle zu.

Quellcode:

Frontend-Code: