Grille simple JavaScript?

Question

J'ai besoin d'un exemple de travail simple (HTML/JavaScript) pour l'objectif suivant. Dans une table avec trois colonnes et 5 lignes, la première colonne est une zone de texte. La deuxième colonne est un bouton/lien appelé EDIT et la troisième colonne est un bouton/lien appelé SAVE.

Lorsque je clique sur EDIT pour dire la 3ème ligne la zone de texte dans la 3ème rangée devrait devenir éditable. Je saisis du texte, puis cliquez sur ENREGISTRER. Il devrait revenir en lecture seule. Le principe est qu'il devrait être modifiable en ligne.

Pouvez-vous fournir un exemple de travail? Ou pointez-moi vers une ressource pertinente?

Answer 1

Voir YUI DataTable. Pas exactement ce que vous avez demandé, mais cela pourrait constituer un point de départ raisonnable.

Answer 2

Je suggère de regarder dans un cadre. Croyez-moi, à moins que votre but derrière ceci soit d'apprendre comment quelque chose fonctionne (je n'ai pas cette impression à partir de la formulation de votre question), vous trouverez beaucoup plus difficile à mettre en place que d'utiliser un framework.

Je suggère de regarder le Ext Framework (mes préférences personnelles) car ils ont un très simple EditableGrid qui est rapide à configurer et à utiliser.