Knockout demo (+Toastr, Bootstrap,Web Api, etc.)
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/
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
- Knockout demo (+Toastr, Bootstrap,Web Api, etc.)
- Modele de site web - Conseils pratiques -PHP
- Service web - Conseils pratiques -Visual Basic / VB.NET
- Modèle devis site web ✓ - Forum PHP
- Api sms php - Forum PHP
- Application web exemple ✓ - Forum Java
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.