CodeS-SourceS
Rechercher un code, un tuto, une réponse

Knockout demo (+Toastr, Bootstrap,Web Api, etc.)

Soyez le premier à donner votre avis sur cette source.

Vue 2 233 fois - Téléchargée 322 fois

Description

[mis à jour le 23 juillet 2014]

Bonjour,
Une démonstration sur Knockout js utilisant:
- Knockout (Framework JavaScript MVVM pour le binding)
- jQuery
- Bootstrap pour l'interface utilisateur
- Toastr pour la notification par toasts (librairie créée par John Papa http://www.johnpapa.net/toastr100beta/ )
- Web Api pour le Web Service

La démonstration montre la gestion d'une liste de personnes (nom, prénom, twitter) avec :
- revealing Module Pattern
- Consultation ajout modification suppression, annulation des changements
- Détection des changements lors de l'édition (ChangeTracker)
- Validation des informations saisies(ko.extenders et ko.validation plugin)
- Service Web Api

Si on désire ne pas propager les modifications et contrôler le binding on peut utiliser ko. protectedObservable http://www.knockmeout.net/2011/03/guard-your-model-accept-or-cancel-edits.html

La documentation de Knockout js http://knockoutjs.com/documentation/introduction.html
Et les exemples http://knockoutjs.com/examples/

Mon blog
http://romagny13.wordpress-hebergement.fr/

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Donnez votre avis

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.