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