IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Programmation orientée objet par prototype avec jQuery


précédentsommairesuivant

X. Héritage simple, un exemple plus élaboré

(5) Je me suis inspiré des tutoriels : "Créer une table HTML éditable" et "Créer une table HTML éditable - HtmlEditTable v2.0" de Nourdine FALOLA. Je dis inspiré, car je n'ai pas repris toutes les possibilités, ni implémenté les mêmes codes.

Téléchargement de table-poopj.zip

L'exemple se compose de six "fonctions classes" : TABLE, SORTTABLE, DvjhTable, DvjhSortTable, DvjhInput et DvjhEdit.

TABLE et SORTTABLE sont deux "fonctions classes" abstraites avec des attributs et des méthodes statiques, ce qui permet de personnaliser, adapter ou modifier le comportement d'une table sans toucher au code des "fonctions classes" tables.

On peut construire une table simple (DvjhTable) ou une table triable (DvjhSortTable, utilise le plug-in tablesorter. Une version de tablesorter très légèrement modifiée pour prendre en compte la virgule et la date dd/mm/yyyy).

En utilisant DvjhEdit -- new DvjhEdit(meTable); (DvjhEdit crée une instance de DvjhInput) -- on peut éditer les cellules d'une table, la valeur n'est modifiée que si elle passe au travers d'un test de cohérence.


précédentsommairesuivant